/** * Styles for the "Componentes (sandbox)" page template only. * * Loaded conditionally (see hello_elementor_child_enqueue_componentes_template_assets * in functions.php) only on pages using templates/componentes.php, and every * rule is nested under .kuaa-componentes-template (set on by * header-componentes.php) so nothing here can leak into other pages. */ /* Path is relative to this file (templates/), so it points to assets/fonts/. */ @font-face { font-family: "HelveticaNeueW01"; src: url("../assets/fonts/HelveticaNeueW01-77BdCnObl.woff2") format("woff2"), url("../assets/fonts/HelveticaNeueW01-77BdCnObl.woff") format("woff"), url("../assets/fonts/HelveticaNeueW01-77BdCnObl.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueLTW06-97BlkCnObl'; src: url('../assets/fonts/HelveticaNeueLTW06-97BlkCnObl.woff2') format('woff2'), url('../assets/fonts/HelveticaNeueLTW06-97BlkCnObl.woff') format('woff'), url('../assets/fonts/HelveticaNeueLTW06-97BlkCnObl.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'MyriadPro'; src: url('../assets/fonts/MyriadPro-Regular.woff2') format('woff2'), url('../assets/fonts/MyriadPro-Regular.woff') format('woff'), url('../assets/fonts/MyriadPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } :root { --bs-primary: #e3ff28; --bs-gray-100: #dfdfdf; --bs-gray-200: #cccccc; --bs-gray-300: #ededed; --bs-gray-900: #b8b8b8; --bs-red: #a52907; --bs-green: #34703a; /* --swiper-pagination-bullet-width: 20px; */ /* --swiper-pagination-bullet-height: 4px; */ --swiper-pagination-color: var(--bs-primary); --swiper-pagination-bullet-inactive-color: var(--bs-gray-900); } .text-primary { color: var(--bs-primary) !important; } .bg-primary { background-color: var(--bs-primary) !important; } .text-gray-100 { color: var(--bs-gray-100) !important; } .bg-gray-100 { background-color: var(--bs-gray-100) !important; } .text-gray-200 { color: var(--bs-gray-200) !important; } .bg-gray-200 { background-color: var(--bs-gray-200) !important; } .text-gray-300 { color: var(--bs-gray-300) !important; } .bg-gray-300 { background-color: var(--bs-gray-300) !important; } .text-gray-900 { color: var(--bs-gray-900) !important; } .bg-gray-900 { background-color: var(--bs-gray-900) !important; } .text-red { color: var(--bs-red) !important; } .bg-red { background-color: var(--bs-red) !important; } .text-green { color: var(--bs-green) !important; } .bg-green { background-color: var(--bs-green) !important; } @media only screen and (min-width: 1200px) { .kuaaHero { height: 750px; } } .font-HelveticaNeueLTW06 { font-family: "HelveticaNeueLTW06-97BlkCnObl"; } .font-HelveticaNeueW01 { font-family: "HelveticaNeueW01"; } .font-MyriadPro { font-family: "MyriadPro"; } .kuaaHero .customFs-50 { font-size: 60px !important; line-height: 50px !important; } .customFs-50 { font-family: "HelveticaNeueLTW06-97BlkCnObl"; font-size: 52px!important; line-height: 48px !important; } .customFs-default { font-family: "HelveticaNeueW01"; font-size: 28px!important; } .customFs-50-24 { font-family: "HelveticaNeueW01"; font-size: 26px!important; } @media only screen and (min-width: 992px) { .kuaaHero .customFs-50 { font-size: 70px !important; line-height: 56px !important; } .customFs-50 { font-size: 50px !important; line-height: 43px !important; } .customFs-default { font-size: 32px !important; } .customFs-50-24 { font-family: "HelveticaNeueW01"; font-size: 50px!important; } } .kuaaComponentesTemplate .btn { font-size: 14px; --bs-btn-padding-x: 1rem; --bs-btn-padding-y: 0.7rem; } .btn-primary { border: 0; color: var(--bs-black) !important; font-weight: 900!important; --bs-btn-hover-bg: var(--bs-black); --bs-btn-bg: var(--bs-primary); } .btn-primary:hover { color: var(--bs-primary) !important; --bs-btn-hover-bg: var(--bs-black); } .btn-secondary { border: 0; color: var(--bs-white) !important; font-weight: bold; --bs-btn-hover-bg: var(--bs-black); --bs-btn-bg: var(--bs-black); } .btn-secondary:hover { color: var(--bs-black) !important; --bs-btn-hover-bg: var(--bs-primary); } @media only screen and (min-width: 992px) { .kuaaComponentesTemplate .btn { font-size: 18px; --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.7rem; } } .swiper-pagination-bullet { /* border-radius: 0; */ opacity: 1; } .kuaaMarquee__track { width: max-content; will-change: transform; } .kuaaFaqChevron { transition: transform 0.2s ease; } [aria-expanded="true"] .kuaaFaqChevron { transform: rotate(180deg); } .kuaaItems__item h3 { font-size: 16px; } .kuaaItems__numeros { margin-left: -13px; } .customFondo { background: url(../assets/img/fondo-rectangulo.webp); } @media only screen and (min-width: 1200px) { .kuaaItems__item h3 { font-size: 24px; } .kuaaItems__numeros { margin-left: -25px; } .kuaaTextoImagen__img { width: 49vw; } .kuaaTextoImagen .float-xl-end { float: right !important; } } .kuaaCountdown__unit { position: relative; } .kuaaCountdown__unit:before, .kuaaCountdown__unit:after { content: ""; display: block; position: absolute; left: 0; width: 110%; background: #414141; } .kuaaCountdown__unit:before { top: 5px; height: 20px; background: linear-gradient(0deg, rgb(65 65 65) 39%, rgba(0, 0, 0, 0.48) 100%); } .kuaaCountdown__unit:after { bottom: 25px; height: 20px; } @media only screen and (min-width: 1200px) { .kuaaCountdown__unit:before, .kuaaCountdown__unit:after { height: 45px; } }