@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"); :root { --gap: 18px; --wrapper: 1200px; --dif-wrap: calc( ( 100vw - var(--wrapper) ) / 2 ); } @media (max-width: calc(1200px + 1200px * 0.12)) { :root { --wrapper: calc( 90vw - 15px ); --dif-wrap: calc( ( 100vw - var(--wrapper) ) / 2 ); } } @media (max-width: 992px) { :root { --gap: 15px; } } @media (max-width: 768px) { :root { --gap: 12px; } } @media (max-width: 576px) { :root { --gap: 8px; } } @media (max-width: 468px) { :root { --gap: 6px; } } .grid { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100vh; display: flex; justify-content: space-between; gap: var(--gap); z-index: 2000; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .grid div { position: relative; width: 100%; height: 100%; background: green; opacity: 0.15; } /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property * - The "symbol *" part is to solve Firefox SVG sprite bug * */ * *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) * all: unset * display: revert */ p, h1, h2, h3, h4, h5, h6, span { font-kerning: none; -webkit-text-rendering: optimizeSpeed; text-rendering: optimizeSpeed; transform: translateZ(0); } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { all: unset; cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. * display:revert revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers * - fix for the content editable attribute will work properly. * - webkit-user-select: auto added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } @media screen and (max-width: 1024px) { * { -webkit-tap-highlight-color: transparent; } } /* add reset */ * { box-sizing: border-box; outline: none !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } a { display: inline-block; text-decoration: none; color: inherit; } a:not(.btn):hover { text-decoration: underline; } h1, h2, h3, h4, h5, p { font-size: 1rem; font-weight: normal; margin: 0; } ul { list-style: none; padding: 0; margin: 0; } .grid { display: none; } body, html { position: relative; width: 100%; margin: 0; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.2; color: #51504D; background: #F5F3EF; scroll-behavior: smooth; letter-spacing: 0.02em; overflow-x: clip; scrollbar-width: thin; } @media (max-width: 768px) { body, html { font-size: 13px; } } @media (max-width: 576px) { body, html { font-size: 12px; } } html { overflow-y: scroll; } strong { font-weight: 700; } .d-none { display: none !important; } .d-block { display: block; } @media (max-width: 992px) { .d-lg-block { display: block !important; } } @media (max-width: 992px) { .d-lg-none { display: none !important; } } @media (max-width: 768px) { .d-md-block { display: block !important; } } @media (max-width: 768px) { .d-md-none { display: none !important; } } .t-title90 { font-size: 6.4285714286rem; line-height: 0; } .t-title60 { font-size: 4.6428571429rem; line-height: calc(1em + 5px); } @media (max-width: 768px) { .t-title60 { font-size: 3.9285714286rem; } } @media (max-width: 768px) { .t-title60 { font-size: 3.7142857143rem; } } .t-title50 { font-size: 3.9285714286rem; line-height: calc(1em + 5px); } @media (max-width: 768px) { .t-title50 { font-size: 3.5714285714rem; } } @media (max-width: 576px) { .t-title50 { font-size: 3.1428571429rem; } } .t-title46 { font-size: 3.2857142857rem; line-height: calc(1em + 6px); } @media (max-width: 768px) { .t-title46 { font-size: 2.9285714286rem; } } .t-title42 { font-size: 3rem; line-height: calc(1em + 6px); } @media (max-width: 768px) { .t-title42 { font-size: 2.7142857143rem; } } @media (max-width: 576px) { .t-title42 { font-size: 2.5714285714rem; } } .t-title36 { font-size: 2.5714285714rem; } @media (max-width: 576px) { .t-title36 { font-size: 2.3571428571rem; } } .t-title32 { font-size: 2.2857142857rem; } @media (max-width: 576px) { .t-title32 { font-size: 2.1428571429rem; } } .t-title28 { font-size: 2rem; } .t-text24 { font-size: 1.7142857143rem; } .t-text22 { font-size: 1.5714285714rem; } .t-text20 { font-size: 1.4285714286rem; line-height: calc(1em + 4px); } .t-text18 { font-size: 1.2857142857rem; } .t-text16 { font-size: 1.1428571429rem; } .t-text15 { font-size: 1.0714285714rem; line-height: calc(1em + 3px); } .t-text14 { font-size: 1rem !important; } .t-text10 { font-size: 0.7857142857rem; line-height: calc(1em + 2px); } .t-extra { font-weight: 900; } .t-bold { font-weight: 700; } .t-semi { font-weight: 600; } .t-normal { font-weight: 500; } .t-italic { font-style: italic; } .t-center { text-align: center; } .t-right { text-align: right; } .t-upper { text-transform: uppercase; } .lh-0 { line-height: 0; } .lh-1 { line-height: 1em; } .lh-125 { line-height: 1.25em; } .lh-15 { line-height: 1.5em; } .lh-4 { line-height: calc(1em + 4spx); } .lh-5 { line-height: calc(1em + 5px); } .lh-6 { line-height: calc(1em + 6px); } .lh-8 { line-height: calc(1em + 8px); } .m-b0 { margin-bottom: 0; } .m-b05 { margin-bottom: 0.5rem; } .m-b075 { margin-bottom: 0.75rem; } .m-b1 { margin-bottom: 1rem; } .m-b15 { margin-bottom: 1.5rem; } .m-b2 { margin-bottom: 2rem; } .m-b25 { margin-bottom: 2.5rem; } .m-b3 { margin-bottom: 3rem; } .m-b35 { margin-bottom: 3.5rem; } .m-b4 { margin-bottom: 4rem; } .m-b5 { margin-bottom: 5rem; } .m-auto { margin-left: auto; margin-right: auto; } .m-t05 { margin-top: 0.5rem; } .m-t1 { margin-top: 1rem; } .m-t15 { margin-top: 1.5rem; } .p-t05 { padding-top: 0.5rem; } .p-t1 { padding-top: 1rem; } .p-t2 { padding-top: 2rem; } .p-t3 { padding-top: 3rem; } .p-b5vh { padding-bottom: 5vh; } .bg-red { background: #D10019; } .bg-white { background: white; } .bg-block { display: block; font-weight: bold; padding: 0.33rem 0.99em; border-radius: 1em; } .c-white { color: white; } .c-red { color: #D10019; } .h-100vh { min-height: 100vh; } .h-95vh { min-height: 95vh; } .h-90vh { min-height: 90vh; } .btn { position: relative; display: block; font-size: 1.1428571429rem; font-weight: 700; padding: 0.65rem 1.2rem; min-width: size(185); text-align: center; line-height: 1; width: -moz-fit-content; width: fit-content; overflow: hidden; display: flex; gap: 0.65em; border: 2px solid white; white-space: nowrap; transition: background 0.35s ease, border 0.35s ease, color 0.35s ease; } .btn span { position: relative; display: block; white-space: nowrap; } .btn img { position: relative; height: 1.33em; transition: filter 0.35s ease; } .btn:hover { background: #D10019; color: white; border: 2px solid #D10019; } @media (max-width: 992px) { .btn { min-width: size(130); } } .btn--primary { background: white; color: #D10019; border: 2px solid white; padding: 0.8rem 1.2rem; } .btn--primary--ic { padding: 0.65rem 1.2rem; } .btn--primary--ic span { position: relative; top: 2px; } .btn--primary--ic:hover img { filter: brightness(0) invert(1); } .btn--secondary { border: 2px solid white; background: rgba(0, 0, 0, 0.2); color: white; } .btn--secondary span { position: relative; top: 2px; } .link { text-decoration: underline; } .link:hover { text-decoration: none; } .wrapper { width: 90%; max-width: var(--wrapper); margin-left: auto; margin-right: auto; } .flex { display: flex; justify-content: center; align-items: center; } .f-column { flex-direction: column; } .f-justify-between { justify-content: space-between; } .f-justify-start { justify-content: flex-start; } .f-justify-end { justify-content: flex-end; } .f-align-start { align-items: flex-start; } .f-align-end { align-items: flex-end; } .f-wrap { flex-wrap: wrap; } .f1 { flex: 1; } .vpadd { padding-top: 5.3571428571rem; padding-bottom: 5.3571428571rem; } .vpadd-2 { padding-top: 3.5714285714rem; padding-bottom: 3.5714285714rem; } .vpadd-legal { padding-top: 10rem; padding-bottom: 4.5rem; } .hpadd { padding-left: 4.2857142857rem; padding-right: 4.2857142857rem; } @media (max-width: 992px) { .hpadd { padding-left: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0); padding-right: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0); } } .hpadd-2 { padding-left: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0 + var(--gap)); padding-right: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0 + var(--gap)); } @media (max-width: 768px) { .hpadd-2 { padding-left: 0; padding-right: 0; } } .border-top { border-top: 3px solid #D10019; } .animate > * { opacity: 0; transform: translateZ(0); } .copy { position: absolute; bottom: 0; right: 0; width: auto; z-index: 20; font-size: 1rem; } .copy.small { font-size: 0.8rem; } .copy__ic { position: absolute; bottom: 0.9em; right: 0.9em; color: white; font-size: 1.28em; font-weight: 500; line-height: 0.75; cursor: pointer; transition: color 0.33s ease 0.25s; z-index: 20; } @media (min-width: 768px) { .copy__ic:hover { color: black; } .copy__ic:hover + .copy__alt { transform: translateX(0%); } } .copy__ic.on { color: black; } .copy__ic.on + .copy__alt { transform: translateX(0%); } .copy__alt { position: relative; display: block; padding: 1.05em 2.8em 1.05em 1em; background: white; transform: translateX(101%); transition: transform 0.33s cubic-bezier(0.68, 0, 0.32, 1.06); color: black; } .copy__alt p { font-size: 1em; font-weight: bold; } .copy.izq { right: auto; left: 0; } .copy.izq .copy__ic { right: auto; left: 1.05em; } @media (min-width: 768px) { .copy.izq .copy__ic:hover + .copy__alt { transform: translateX(0%); } } .copy.izq .copy__ic.on + .copy__alt { transform: translateX(0%); } .copy.izq .copy__alt { transform: translateX(-100%); text-align: right; padding: 1.05em 1.1em 1.05em 2.8em; } .qr { position: absolute; top: -15.3571428571rem; transform: translate(-50%, 0%); transform-origin: bottom center; background: #D10019; display: flex; flex-direction: column; align-items: center; gap: 0.7142857143rem; padding: 0.7142857143rem; border-radius: 1rem; z-index: -5; pointer-events: none; filter: drop-shadow(0 0 1.5rem rgba(0, 0, 0, 0.3)); opacity: 0; } .qr.on { opacity: 1; z-index: 100; } .qr img { position: relative; display: block; width: 8.5714285714rem; background: white; padding: 0.33rem; border-radius: 0.5rem; } .qr span { font-weight: 700; font-size: 1.1rem; color: white; } .qr::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 95%); width: 0; height: 0; border-left: 1.2857142857rem solid transparent; border-right: 1.2857142857rem solid transparent; border-top: 1.2857142857rem solid #D10019; z-index: 2; } .qr--grey { background: #51504D; } .qr--grey::after { border-top: 1.2857142857rem solid #51504D; } .qr--down { top: 2.5rem !important; transform-origin: top center; } .qr--down::after { bottom: auto !important; top: 0 !important; transform: translate(-50%, -95%) !important; border-bottom: 1.2857142857rem solid #D10019; border-top: unset; } .qr--down.qr--grey::after { border-top: unset !important; border-bottom: 1.2857142857rem solid #51504D !important; } .transition { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; position: fixed; top: 0; background: white; z-index: 100; } header { position: absolute; top: 0; right: 0; width: 100%; z-index: 20; } header .header__logo { background: white; width: 26.0714285714rem; padding: 1.5rem 1rem 0.5rem; border-radius: 0 0 0.5rem 0.5rem; align-self: flex-end; transition: transform 0.33s cubic-bezier(0, 0.59, 0.18, 1.01); transform-origin: top center; transform: translateY(-1rem); } header .header__logo:hover { transform: translateY(0); } @media (max-width: 992px) { header .header__logo { width: 50%; } } @media (max-width: 768px) { header .header__logo { width: 100%; } } header .header__logo > img { display: block; width: 100%; } main .swiper { width: 100%; } main .swiper-slide img.swiperHead__image, main .swiper-slide img.swiperThumbs__image { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } main .swiper.swiperHead { position: relative; height: 65vh; width: 100%; z-index: 2; } @media (max-width: 768px) { main .swiper.swiperHead { height: 100svh; } } main .swiper.swiperHead .swiperHead__slide { overflow: hidden; } main .swiper.swiperHead .swiperHead__slide::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: auto; left: 0; background: transparent; bottom: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } main .swiper.swiperHead .swiperHead__wrapper { position: relative; z-index: 10; height: 100%; } main .swiper.swiperHead .swiperHead__content { position: relative; width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 5 + var(--gap) * 4); height: 100%; z-index: 5; padding-bottom: 4.2857142857rem; } @media (max-width: 768px) { main .swiper.swiperHead .swiperHead__content { width: 100%; padding-bottom: 7.1428571429rem; } } main .swiper.swiperHead .swiperHead__wrap-buttons { position: relative; display: flex; align-items: center; gap: 1em; } @media (max-width: 768px) { main .swiper.swiperHead .swiperHead__wrap-buttons { flex-direction: column; align-items: flex-start; } } main .swiper.swiperHead .swiperHead__wrapper-buttons-slide { position: absolute; top: 0%; left: 50%; height: 100%; transform: translateX(-50%); z-index: 10; pointer-events: none; } main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-next, main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev { top: auto; bottom: 4.2857142857rem; right: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0); width: 2.3571428571rem; pointer-events: all; transition: filter 0.1s ease; } main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-next:not(.swiper-button-disabled):hover, main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev:not(.swiper-button-disabled):hover { filter: brightness(0) saturate(100%) invert(11%) sepia(97%) saturate(6024%) hue-rotate(348deg) brightness(80%) contrast(107%); } @media (max-width: 768px) { main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-next, main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev { bottom: 2.1428571429rem; right: auto; left: 60%; transform: translateX(-50%); width: 2.1428571429rem; } } main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-next::after, main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev::after { content: ""; width: 100%; aspect-ratio: 32/27; background: url("../images/ic_arrow-dcha.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; } main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev { left: auto; right: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0 + 3.5714285714rem); } @media (max-width: 768px) { main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev { right: auto; left: 40%; } } main .swiper.swiperHead .swiperHead__wrapper-buttons-slide .swiper-button-prev::after { background-image: url("../images/ic_arrow-izq.svg"); } main .swiper.swiperHead .swiperHead__stayLonger { position: absolute; top: 70%; right: 0; transform: translateY(-100%); z-index: 5; } @media (max-width: 768px) { main .swiper.swiperHead .swiperHead__stayLonger { position: relative; top: auto; right: auto; left: 0%; transform: translateY(-5%); margin-bottom: 1rem; max-width: 14.2857142857rem; width: 45%; } } main .swiper.swiperThumbs { height: 20vh; box-sizing: border-box; z-index: 10; overflow: unset !important; } @media (max-width: 768px) { main .swiper.swiperThumbs { display: none; } } main .swiper.swiperThumbs .swiper-slide { width: 25%; height: 100%; display: flex; justify-content: center; align-items: center; color: white; background: #D10019; cursor: pointer; } main .swiper.swiperThumbs .swiper-slide img { transition: opacity 0.2s ease, transform 0.4s cubic-bezier(0.68, 0, 0.32, 1.06); z-index: 5; } main .swiper.swiperThumbs .swiper-slide:hover:not(.swiper-slide-thumb-active) .swiperThumbs__title { transform: scale(0.95); } main .swiper.swiperThumbs .swiper-slide:hover:not(.swiper-slide-thumb-active) img { transform: scale(1.09); } main .swiper.swiperThumbs .swiper-slide::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: auto; left: 0; background: #D10019; bottom: 0; z-index: 6; background: rgba(0, 0, 0, 0.45); transition: opacity 0.2s ease; } main .swiper.swiperThumbs .swiper-slide::after { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); width: 0; height: 0; border-left: 1.7857142857rem solid transparent; border-right: 1.7857142857rem solid transparent; border-bottom: 1.7857142857rem solid #D10019; z-index: 2; transition: transform 0.2s cubic-bezier(0.68, 0, 0.32, 1.06); } main .swiper.swiperThumbs .swiper-slide-thumb-active img, main .swiper.swiperThumbs .swiper-slide-thumb-active .copy { opacity: 0; } main .swiper.swiperThumbs .swiper-slide-thumb-active::before { opacity: 0; } main .swiper.swiperThumbs .swiper-slide-thumb-active::after { transform: translate(-50%, -100%); } main .swiper.swiperThumbs .swiperThumbs__title { position: relative; z-index: 10; text-align: center; max-width: 21.4285714286rem; width: 90%; transition: transform 0.55s cubic-bezier(0.68, 0, 0.32, 1.06); } @media (max-width: 992px) { main .swiper.swiperThumbs .swiperThumbs__title { font-size: 1.7857142857rem; } } main .swiper.swiperThumbs .swiperThumbs__wrap-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } main .single__header { position: relative; height: 35.7142857143rem; width: 100%; } main .single__header::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: auto; left: 0; background: transparent; bottom: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } @media (max-width: 768px) { main .single__header { height: 75vh; } } main .single__header__wrapper { position: relative; z-index: 10; height: 100%; } main .single__header__content { position: relative; width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 5 + var(--gap) * 4); height: 100%; } @media (max-width: 768px) { main .single__header__content { width: 100%; } } main .single__header__wrap-image, main .single__header__image { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden; } main .single__header__wrap-image::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: auto; left: 0; background: transparent; bottom: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } main .single__header__wrap-buttons { position: relative; } main .single__header__logo { position: absolute; bottom: 0; right: 0; height: 5rem; z-index: 5; background: white; padding: 0.5rem 0.8rem; border-radius: 0.5rem; margin: 3.5714285714rem 4.6428571429rem; } @media (max-width: 992px) { main .single__header__logo { margin-right: calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0); } } @media (max-width: 576px) { main .single__header__logo { display: none; } } main .single__intro__text { width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 10 + var(--gap) * 9); } @media (max-width: 768px) { main .single__intro__text { width: 100%; } } main .single__content { padding-top: 7.1428571429rem; } main .single__content .copy__alt { background: #F5F3EF; } main .single__content .block { display: flex; gap: calc(var(--gap) * 2); margin-bottom: 7.1428571429rem; } @media (max-width: 992px) { main .single__content .block { position: relative; flex-direction: column; width: 90%; left: 5%; } } main .single__content .block:nth-of-type(even) { flex-direction: row-reverse; } @media (max-width: 992px) { main .single__content .block:nth-of-type(even) { flex-direction: column; } } main .single__content .block__wrap-image { position: relative; width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 4 + var(--gap) * 3 + var(--dif-wrap)); height: auto; overflow: hidden; } main .single__content .block__wrap-image::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: auto; left: 0; background: transparent; bottom: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } @media (max-width: 992px) { main .single__content .block__wrap-image { width: 100%; margin-bottom: 1rem; } } main .single__content .block__image { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } @media (max-width: 992px) { main .single__content .block__image { position: relative; max-height: 35.7142857143rem; } } main .single__content .block__content { width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 8 + var(--gap) * 7 - var(--gap) * 3); } @media (max-width: 992px) { main .single__content .block__content { width: 100%; } } main .single__content .block__text { -moz-column-count: 2; column-count: 2; -moz-column-gap: calc(var(--gap) * 3); column-gap: calc(var(--gap) * 3); } main .single__content .block__text p:not(:last-of-type) { margin-bottom: calc(var(--gap) * 1); } @media (max-width: 992px) { main .single__content .block__text { -moz-column-count: 1; column-count: 1; } } @media (max-width: 576px) { main .single__content .block__text p:not(:last-of-type) { margin-bottom: calc(var(--gap) * 2); } } main .single__banner .wrapper { display: flex; gap: calc(var(--gap) * 3); align-items: center; padding: 8.5714285714rem calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0 + var(--gap)); } @media (max-width: 768px) { main .single__banner .wrapper { flex-direction: column; padding: 7.1428571429rem 0; margin-top: 30%; } } main .single__banner__wrap-image { position: relative; width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 3 + var(--gap) * 2); } @media (max-width: 992px) { main .single__banner__wrap-image { width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 4 + var(--gap) * 3); } } @media (max-width: 768px) { main .single__banner__wrap-image { width: 50%; margin-top: -42%; max-width: 21.4285714286rem; margin-left: auto; margin-right: auto; } } @media (max-width: 576px) { main .single__banner__wrap-image { margin-top: -50%; margin-bottom: 0.3571428571rem; } } main .single__banner__image { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(calc(-50% + 5rem)); } @media (max-width: 1200px) { main .single__banner__image { transform: translateY(-50%); } } @media (max-width: 768px) { main .single__banner__image { position: relative; transform: translateY(0); } } main .single__banner__content { width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 5.75 + var(--gap) * 4.75); } @media (max-width: 768px) { main .single__banner__content { width: 100%; text-align: center; } } @media (max-width: 768px) { main .single__banner__btn { margin-left: auto; margin-right: auto; } } main .single__banner__btn:hover { border: 2px solid white; } main .more-places .wrapper { padding: 8.9285714286rem 0 7.1428571429rem; } @media (max-width: 992px) { main .more-places .wrapper { padding: 6.4285714286rem 0 7.1428571429rem; } } main .more-places__wrap-cards { display: flex; gap: var(--gap); } @media (max-width: 992px) { main .more-places__wrap-cards { flex-direction: column; gap: calc(var(--gap) * 3); } } main .more-places .card { width: calc((var(--wrapper) - var(--gap) * 11) / 12 * 4 + var(--gap) * 3); background: white; } @media (max-width: 992px) { main .more-places .card { width: 100%; max-width: 32.1428571429rem; margin-left: auto; margin-right: auto; } } main .more-places .card:hover { text-decoration: none; } main .more-places .card:hover .card__image { transform: scale(1.09); } main .more-places .card:hover .card__title { color: #D10019; } main .more-places .card:hover .card__btn { gap: 0.75em; } main .more-places .card__wrap-image { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; } main .more-places .card__image { position: relative; width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; z-index: 1; transition: transform 0.75s cubic-bezier(0.68, 0, 0.32, 1.06); } main .more-places .card__content { display: flex; flex-direction: column; align-items: flex-start; padding: 1.25rem 7% 2rem; } main .more-places .card__title { text-align: left; transition: color 0.33s ease; } main .more-places .card__btn { display: flex; align-items: center; gap: 0.5em; color: #D10019; font-weight: 500; transition: gap 0.33s cubic-bezier(0.68, 0, 0.32, 1.06); } main .more-places .card__btn img { height: 0.8em; } main .rrss { background: white; } main .rrss .wrapper { gap: 1.1rem; } @media (max-width: 768px) { main .rrss .wrapper { flex-wrap: wrap; justify-content: center; } } main .rrss__text { margin-right: var(--gap); } @media (max-width: 768px) { main .rrss__text { width: 100%; text-align: center; } } main .rrss__link { transition: transform 0.33s cubic-bezier(0, 1.95, 0.52, 0.68); transform-origin: center; } main .rrss__link:hover { transform: scale(0.9); } main .rrss__link__img { height: 4.0714285714rem; } @media (max-width: 768px) { main .rrss__link__img { height: 2.8571428571rem; } } main .header-legal { letter-spacing: 0; display: flex; align-items: center; gap: 0.4em; } main .header-legal::before { content: ""; display: block; position: relative; width: 0.9285714286rem; height: 1em; top: auto; left: auto; background: #D10019; } main .content-legal { padding: 0 calc((var(--wrapper) - var(--gap) * 11) / 12 * 1 + var(--gap) * 0 + var(--gap)); } main .content-legal h2, main .content-legal h3, main .content-legal h4 { font-size: 1.1428571429rem; font-weight: bold; margin: 2rem 0 1rem; } main .content-legal p, main .content-legal li { font-size: 1rem; line-height: 1.5; font-weight: normal; margin: 0 0 1.33rem; } main .content-legal ul { list-style: disc; } main .content-legal li { margin-left: 1rem; } main .content-legal li b { margin-top: inherit; } main .content-legal b { position: relative; display: block; margin-top: 2rem; } @media (max-width: 768px) { footer .wrapper { flex-direction: column; gap: calc(var(--gap) * 2); } } footer .footer__legales { gap: 1.2857142857rem; }/*# sourceMappingURL=style.css.map */