@charset "UTF-8";


@property --giro-boton { syntax: "<angle>"; inherits: true; initial-value: 0deg; }
@property --haz { syntax: "<angle>"; inherits: true; initial-value: 0deg; }
@property --dax { syntax: "<length>"; inherits: true; initial-value: 0; }
@property --day { syntax: "<length>"; inherits: true; initial-value: 0; }
@property --dbx { syntax: "<length>"; inherits: true; initial-value: 0; }
@property --dby { syntax: "<length>"; inherits: true; initial-value: 0; }
@property --dfx { syntax: "<length>"; inherits: true; initial-value: 0; }
@property --dfy { syntax: "<length>"; inherits: true; initial-value: 0; }
@property --impulso { syntax: "<number>"; inherits: true; initial-value: 0; }

:root {
  --fondo: #fafaf6;
  --tinta: #191919;
  --arena: #eaeae3;
  --blanco: #fefefe;
  --ciruela: #4a2c44;
  --burdeos: #710003;
  --azul: #1e425a;
  --rojo: #c53633;
  --ocre: #df9b07;
  --violeta: #4d5998;
  --noche: #181b7b;
  --naranja: #b32d00;
  --beige: #846f5b;
  --curva: cubic-bezier(.5, 0, .2, 1);
  --alto-app: 100vh;
  --alto-cab: 3.75rem;
  --f-visible: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --f-sistema: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --cols: 4; --margen: 11px; --canal: 16px;
}
@media (min-width: 660px) and (max-width: 1023px) { :root { --cols: 8; --margen: 28px; --canal: 16px; } }
@media (min-width: 1024px) { :root { --cols: 32; --margen: .78125vw; --canal: 1.5625vw; } }


*, *::before, *::after { box-sizing: border-box; }
html { position: relative; height: 100%; overflow-x: hidden; scrollbar-width: none; font-size: 4.2666666667vw; -webkit-text-size-adjust: 100%; }
@media (min-width: 660px) and (max-width: 1023px) { html { font-size: 2.0833333333vw; } }
@media (min-width: 1024px) { html { font-size: 1.25vw; } }
@media (min-width: 1440px) { html { font-size: 18px; } }
html, body { background: var(--fondo); }
body { margin: 0; font-family: var(--f-visible); font-weight: 300; font-stretch: 103%; line-height: 1; color: var(--tinta); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body::-webkit-scrollbar { display: none; }
h1, h2, h3, h4, p, blockquote, figure, address, ul, ol, fieldset, legend { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; }
h1, h2, h3 { text-wrap: balance; }
p { max-width: 70ch; text-wrap: pretty; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
address { font-style: normal; }
img, picture, video, canvas, svg { display: block; }
video::-webkit-media-controls, video::-webkit-media-controls-enclosure { display: none !important; }
img { max-width: 100%; }
button, input, textarea { font: inherit; color: inherit; background: none; border: 0; border-radius: 0; margin: 0; padding: 0; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; }
button, a { cursor: pointer; }
fieldset { border: 0; min-width: 0; }
strong { font-weight: 700; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.solo-lector, .visualmente-oculto { position: absolute; overflow: hidden; height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); white-space: nowrap; }
.saltar { position: fixed; left: .5rem; top: .5rem; z-index: 20; padding: .6rem 1rem; background: var(--tinta); color: var(--fondo); font: 400 .875rem/1 var(--f-sistema); transform: translateY(-200%); }
.saltar:focus { transform: none; }

.envoltura { margin-inline: var(--margen); width: calc(100% - 2 * var(--margen)); }
.rejilla { display: grid; grid-template-columns: repeat(var(--cols), minmax(auto, 1fr)); column-gap: var(--canal); }
[class*="col-"] { grid-column: span var(--s, auto); }
.col-10 { --s: 10; } .col-12 { --s: 12; } .col-16 { --s: 16; } .col-20 { --s: 20; } .col-22 { --s: 22; }
@media (min-width: 660px) and (max-width: 1023px) { [class*="col-"] { --s: 8; } }
@media (max-width: 659px) { [class*="col-"] { --s: 4; } }

.solo-movil { }
@media (min-width: 1024px) { .solo-movil { display: none !important; } }
@media (max-width: 1023px) { .solo-escritorio { display: none !important; } }
@media (max-width: 659px) { .oculto-celular { display: none !important; } }

.modulo { max-width: 100vw; overflow-x: clip; }
.modulo + .modulo--mosaico { }


.boton { --b-color: #2f2f2d; --b-fondo: rgba(234, 234, 227, .8); font: 700 .875rem/2.1428571429 var(--f-visible); font-stretch: 100%; padding-inline: .9375rem; display: inline-flex; align-items: center; border-radius: 999px; color: var(--b-color); background: var(--b-fondo); flex-shrink: 0; white-space: nowrap; position: relative; overflow: hidden; user-select: none; inline-size: fit-content; transition: inline-size .3s var(--curva), background-color .2s var(--curva), color .2s var(--curva); }
@media (max-width: 659px) { .boton { font-size: .75rem; line-height: 2.5; } }
.boton--oscuro { --b-color: #fafaf6; --b-fondo: #2f2f2d; }
.boton--fantasma { font-family: var(--f-sistema); font-weight: 400; background: transparent; padding-inline: .625rem; }
.boton--helvetica { font-family: var(--f-sistema); font-weight: 400; letter-spacing: 0; }
.boton--oscuro.boton--fantasma { --b-color: #a4a4a4; }
.boton--oscuro.boton--fantasma.es-activo { --b-color: #eaeae3; }
.boton--primario { --b-fondo: transparent; font: 900 1.25rem/1.5 var(--f-visible); font-stretch: 93%; letter-spacing: -.02em; padding: 0; overflow: visible; background: transparent; }
.boton:has(svg) { padding-inline-end: .3125rem; }
.boton svg { width: 1.875rem; height: 1.875rem; transition: transform .3s var(--curva); }
@media (hover: hover) { a:hover .boton svg, button:hover svg, .boton:hover svg, a.encabezado__mas:hover svg { transform: translate(.25rem); } }

.flecha-larga { --u: .0625rem; position: relative; display: inline-block; width: 3.25rem; height: .6875rem; }
.flecha-larga__linea { position: absolute; top: calc(4.94 * var(--u)); left: calc(.66 * var(--u)); width: calc(42.64 * var(--u)); height: var(--u); background: currentColor; transform-origin: calc(-.66 * var(--u)) 50%; transition: scale .4s var(--curva); }
.flecha-larga__punta { position: absolute; top: 0; left: calc(39.3 * var(--u)); width: calc(12.63 * var(--u)); height: calc(10.88 * var(--u)); fill: currentColor; transition: translate .4s var(--curva); }
@media (max-width: 1023px) { .flecha-larga { --u: calc(1.875rem / 52); width: 1.875rem; height: .40625rem; } }
.flecha-larga-svg { width: 3.25rem; height: .6875rem; overflow: visible; fill: currentColor; }
.flecha-larga-svg path:last-child { stroke: currentColor; transition: scale .4s var(--curva); }
.flecha-larga-svg path:first-child { transition: translate .4s var(--curva); }
@media (max-width: 1023px) { .flecha-larga-svg { width: 1.875rem; height: .40625rem; } }


.cab { z-index: 3; position: fixed; top: 0; left: 0; width: 100%; pointer-events: none; color: var(--tinta); transition: color .3s var(--curva), opacity .3s var(--curva) .2s; user-select: none; }
.cab--clara { color: var(--blanco); }
@media (max-width: 1023px) { .cab { z-index: 6; } body.con-menu .cab--clara { color: var(--tinta); } }
.cab__caja { position: relative; display: flex; align-items: center; padding-block: .625rem; justify-content: space-between; }
@media (max-width: 659px) { .cab__caja { margin-inline: .625rem; width: calc(100% - 1.25rem); } }
.cab__caja > * { pointer-events: all; }
.cab__logo { color: currentColor; display: flex; align-items: center; }
.cab__marca { height: 2.5rem; width: 2.5rem; overflow: visible; transform-origin: 50% 50%; transition: opacity .7s var(--curva) .8s, transform .7s var(--curva) .8s; }
.cab__texto { font: 500 1.375rem/1 var(--f-visible); font-stretch: 97%; letter-spacing: -.03em; margin-left: .625rem; transition: opacity .3s var(--curva) .2s, translate .3s var(--curva) .2s; }
body.entrando .cab__texto { transition-duration: 1.2s, 1.2s; transition-delay: .7s, .7s; }
body.sin-cargar .cab__marca { transform: rotate(45deg); opacity: 0; }
body.sin-cargar .cab__texto, body.bajando:not(.en-pie) .cab__texto { transition-delay: 0s, 0s; opacity: 0; translate: -1.25rem 0; }
body.sin-cargar .cab, body.sin-cargar .hamb { opacity: 0; animation: critico 0s 5s forwards; }
body.entrando .cab, body.entrando .hamb { transition-duration: .3s, .8s; transition-delay: 0s, .7s; }
@keyframes critico { to { opacity: 1; } }


.pildora { --ease: var(--curva); --brillo-tierra: rgba(99, 96, 113, .5); --brillo-naranja: rgba(179, 45, 0, .5); --brillo-ocre: rgba(196, 120, 40, .6); --brillo-rojo: rgba(179, 18, 0, .7); --borde: .1875rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16.25rem; height: 2.5rem; border-radius: 1.875rem; will-change: width; transition: width .6s cubic-bezier(.44, 1.85, .6, 1), opacity .2s var(--ease); animation: haz-giro 8s linear infinite; }
@media (min-width: 1024px) { .pildora:hover, .pildora:focus-within { width: 25rem; --impulso: 1; } }
.pildora.esta-girando { animation: haz-giro 8s linear infinite, disparador-giro .6s var(--ease); }
.pildora::before { content: ""; position: absolute; inset: 0; z-index: 0; padding: .0625rem; border-radius: inherit; background: conic-gradient(from var(--haz, 0deg), transparent 0%, transparent 58%, rgba(0,0,0,.02) 62%, rgba(0,0,0,.08) 65%, rgba(0,0,0,.2) 67%, rgba(0,0,0,.4) 69%, rgba(0,0,0,.6) 70%, rgba(0,0,0,.6) 70.5%, rgba(0,0,0,.4) 71.5%, rgba(0,0,0,.2) 73%, rgba(0,0,0,.08) 75%, rgba(0,0,0,.02) 78%, transparent 82%); -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff); mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff); -webkit-mask-composite: xor; mask-composite: exclude; filter: blur(.5rem) brightness(1.3) saturate(1.4); pointer-events: none; will-change: transform; }
body.con-menu .pildora, body.con-buscar .pildora { opacity: 0; pointer-events: none; }
body.sin-cargar .pildora { opacity: 0; pointer-events: none; width: 6.25rem; }
@media (min-width: 1024px) { body.con-buscar .pildora, body.con-menu .pildora, body.sin-cargar .pildora, body.con-buscar .pildora__cuerpo::before, body.con-menu .pildora__cuerpo::before, body.sin-cargar .pildora__cuerpo::before { animation-play-state: paused; } }
body.entrando .pildora { pointer-events: none; transition-duration: 1.2s, 1.2s; transition-delay: .8s, .8s; }
.pildora__mancha { position: absolute; top: calc(100% + .9375rem); left: 0; z-index: 0; width: 5rem; height: 5rem; border-radius: 50%; background:
  radial-gradient(circle 1.75rem at calc(30% + var(--dax) * .6) calc(30% + var(--day) * .6), rgba(255,248,240,.85), transparent),
  radial-gradient(circle 1.625rem at calc(72% - var(--dbx) * .6) calc(32% + var(--dby) * .6), rgba(244,248,255,.8), transparent),
  radial-gradient(circle 1.875rem at calc(32% + var(--dfy) * .5) calc(72% - var(--dfx) * .5), rgba(255,250,240,.8), transparent),
  radial-gradient(circle 1.75rem at calc(70% - var(--day) * .6) calc(70% + var(--dax) * .6), rgba(252,246,240,.8), transparent),
  radial-gradient(circle 1.5rem at calc(50% + var(--dfx) * .4) calc(50% + var(--dfy) * .4), rgba(255,252,246,.7), transparent);
  filter: blur(.625rem); opacity: 0; transform: translate(-50%, -50%); pointer-events: none; transition: opacity .45s var(--ease), translate .65s cubic-bezier(.175,.885,.32,1.275); animation: deriva-a 12s ease-in-out infinite, deriva-b 9s ease-in-out infinite, deriva-f 5s ease-in-out infinite; animation-play-state: paused; }
.pildora__cuerpo { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 1.375rem; padding-inline: 1.25rem; border-radius: 1.875rem; background: #eaeae366; -webkit-backdrop-filter: blur(.9375rem); backdrop-filter: blur(.9375rem); overflow: hidden; -webkit-mask: radial-gradient(circle at 50% 50%, transparent .9375rem, #000 1rem); mask: radial-gradient(circle at 50% 50%, transparent .9375rem, #000 1rem); }
.pildora__cuerpo::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background:
  radial-gradient(ellipse 4.375rem 2.1875rem at calc(33% + var(--dax) + var(--dfx) * var(--impulso)) calc(-7% + var(--day) + var(--dfy) * var(--impulso)), var(--brillo-tierra), transparent),
  radial-gradient(ellipse 3.75rem 1.875rem at calc(12% + var(--dbx) - var(--dfx) * var(--impulso)) calc(-5% + var(--dby) + var(--dfy) * var(--impulso)), var(--brillo-naranja), transparent),
  radial-gradient(ellipse 2.5rem 2.5rem at calc(2% + var(--dbx) + var(--dfy) * var(--impulso)) calc(68% + var(--day) + var(--dfx) * var(--impulso)), var(--brillo-tierra), transparent),
  radial-gradient(ellipse 1.25rem 1.75rem at calc(2% + var(--dax) + var(--dfx) * var(--impulso)) calc(68% + var(--dby) - var(--dfy) * var(--impulso)), var(--brillo-ocre), transparent),
  radial-gradient(ellipse 11.25rem 1.875rem at calc(74% + var(--dax) - var(--dfx) * var(--impulso)) calc(100% + var(--day) + var(--dfy) * var(--impulso)), var(--brillo-naranja), transparent),
  radial-gradient(ellipse 5.3125rem 1.5625rem at calc(55% + var(--dbx) + var(--dfy) * var(--impulso)) calc(100% + var(--dby) - var(--dfx) * var(--impulso)), var(--brillo-tierra), transparent),
  radial-gradient(ellipse 4.625rem 1.875rem at calc(94% + var(--dbx) + var(--dfx) * var(--impulso)) calc(0% + var(--day) - var(--dfy) * var(--impulso)), var(--brillo-naranja), transparent),
  radial-gradient(ellipse 1.625rem 2.1875rem at calc(100% + var(--dax) - var(--dfx) * var(--impulso)) calc(27% + var(--dbx) + var(--dfy) * var(--impulso)), var(--brillo-rojo), transparent),
  radial-gradient(ellipse 3.25rem 2.5rem at calc(100% + var(--dbx) + var(--dfy) * var(--impulso)) calc(27% + var(--day) - var(--dfx) * var(--impulso)), var(--brillo-tierra), transparent);
  box-shadow: inset 0 0 .3125rem .0625rem #00000024;
  -webkit-mask: conic-gradient(from var(--haz, 0deg), transparent 0%, transparent 22%, rgba(255,255,255,.12) 28%, rgba(255,255,255,.4) 36%, white 46%, white 82%, rgba(255,255,255,.4) 88%, rgba(255,255,255,.12) 94%, transparent 97%, transparent 100%);
  mask: conic-gradient(from var(--haz, 0deg), transparent 0%, transparent 22%, rgba(255,255,255,.12) 28%, rgba(255,255,255,.4) 36%, white 46%, white 82%, rgba(255,255,255,.4) 88%, rgba(255,255,255,.12) 94%, transparent 97%, transparent 100%);
  opacity: .9; pointer-events: none; transition: opacity .3s var(--ease), filter .3s var(--ease), --impulso .6s var(--ease); animation: deriva-a 12s ease-in-out infinite, deriva-b 9s ease-in-out infinite, deriva-f 5s ease-in-out infinite; }
.pildora:hover .pildora__mancha { animation-play-state: running; }
.pildora:hover .pildora__cuerpo::before { opacity: 1; filter: brightness(1.15) saturate(1.3); }
.pildora__espacio { flex-shrink: 0; width: 1.875rem; height: 1.875rem; }
.pildora__etiqueta { font: 400 1rem/1.15 var(--f-sistema); letter-spacing: 0; color: var(--tinta); background: none; border: 0; padding: 0; cursor: pointer; white-space: nowrap; text-decoration: none; position: relative; opacity: 0; will-change: opacity, transform; transition: opacity .55s var(--ease), transform .4s cubic-bezier(.34, 1.4, .6, 1); pointer-events: none; }
.pildora__etiqueta::before { content: ""; position: absolute; inset: -.625rem -.5rem; }
@media (min-width: 1024px) {
  .pildora__etiqueta:nth-child(2) { transform: translate(-.875rem) scale(.96); }
  .pildora__etiqueta:nth-child(3) { transform: translate(-.5rem) scale(.96); }
  .pildora__etiqueta:nth-child(5) { transform: translate(.5rem) scale(.96); }
  .pildora__etiqueta:nth-child(6) { transform: translate(.875rem) scale(.96); }
  .pildora:hover .pildora__etiqueta, .pildora:focus-within .pildora__etiqueta { opacity: 1; transform: translate(0) scale(1); pointer-events: all; }
}
.pildora__disparador { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%) rotate(var(--giro-boton, 0deg)); width: 1.875rem; height: 1.875rem; border-radius: 50%; will-change: transform; pointer-events: none; }
.pildora__disparador i { position: absolute; width: .1875rem; height: .1875rem; background: #eaeae3b3; -webkit-backdrop-filter: blur(.25rem); backdrop-filter: blur(.25rem); }
.pildora__disparador i:nth-child(1) { top: calc(50% - .28125rem); left: calc(50% - .28125rem); }
.pildora__disparador i:nth-child(2) { top: calc(50% - .28125rem); left: calc(50% + .09375rem); }
.pildora__disparador i:nth-child(3) { top: calc(50% + .09375rem); left: calc(50% - .28125rem); }
.pildora__disparador i:nth-child(4) { top: calc(50% + .09375rem); left: calc(50% + .09375rem); }
@media (max-width: 1023px) {
  .pildora--menu { position: relative; transform: none; width: 100%; left: 0; top: 0; margin-bottom: 1.125rem; height: 2.5rem; animation-play-state: paused; }
  body.con-menu .pildora--menu { opacity: 1; pointer-events: all; animation-play-state: running; }
  .pildora--menu .pildora__cuerpo { -webkit-mask: none; mask: none; justify-content: space-between; padding-inline: 1.375rem; gap: .5rem; }
  .pildora--menu .pildora__etiqueta { font-size: .875rem; opacity: 1; transform: none; pointer-events: all; }
  .pildora--menu .pildora__cuerpo::before { opacity: .3; }
}
@media (min-width: 660px) and (max-width: 1023px) { .pildora--menu { width: 25rem; margin-inline: auto; } }
@keyframes haz-giro { 0% { --haz: 0deg; } to { --haz: 360deg; } }
@keyframes disparador-giro { 0% { --giro-boton: 0deg; } to { --giro-boton: 90deg; } }
@keyframes deriva-a { 0% { --dax: 0px; --day: 0px; } 25% { --dax: 8px; --day: -4px; } 50% { --dax: -5px; --day: 6px; } 75% { --dax: 4px; --day: 7px; } to { --dax: 0px; --day: 0px; } }
@keyframes deriva-b { 0% { --dbx: 0px; --dby: 0px; } 33% { --dbx: -6px; --dby: 5px; } 66% { --dbx: 7px; --dby: -6px; } to { --dbx: 0px; --dby: 0px; } }
@keyframes deriva-f { 0% { --dfx: 0px; --dfy: 0px; } 25% { --dfx: 12px; --dfy: -8px; } 50% { --dfx: -10px; --dfy: 10px; } 75% { --dfx: 9px; --dfy: -7px; } to { --dfx: 0px; --dfy: 0px; } }


.arriba { position: fixed; top: 0; right: 0; left: 0; z-index: 6; pointer-events: none; }
@media (max-width: 1023px) { .arriba { z-index: 8; } }
@media (max-width: 659px) { .arriba { margin-inline: .625rem; width: calc(100% - 1.25rem); } }
.hamb { display: flex; align-items: center; justify-content: flex-end; gap: .875rem; padding-block: .625rem; pointer-events: none; color: var(--tinta); transition: color .3s ease, opacity .3s var(--curva) .2s; user-select: none; }
.hamb--claro { color: var(--blanco); }
body.con-menu .hamb { color: var(--tinta); }
.hamb__ingreso { font: 400 1rem/2.5 var(--f-sistema); display: block; pointer-events: all; border-right: 1px solid rgba(25, 25, 25, .08); padding-right: .875rem; transition: opacity .3s var(--curva) .2s, translate .3s var(--curva) .2s; will-change: opacity, transform; }
.hamb--claro .hamb__ingreso { border-right-color: #fefefe33; }
@media (hover: hover) { .hamb__ingreso:hover { opacity: .5; } }
body.sin-cargar .hamb__ingreso, body.bajando:not(.en-pie) .hamb__ingreso { transition-delay: 0s, 0s; opacity: 0; translate: 1.25rem 0; }
body.bajando:not(.en-pie) .hamb__ingreso { pointer-events: none; }
body.entrando .hamb__ingreso { transition-duration: .8s, .8s; transition-delay: .7s, .7s; }
.hamb__boton { pointer-events: all; align-items: center; border: none; color: currentColor; cursor: pointer; display: flex; gap: 1rem; }
.hamb__boton svg { width: 2.5rem; height: 2.5rem; transition: opacity .3s var(--curva) .2s, translate .3s var(--curva) .2s; }
.hamb__txt { font: 400 1rem/1.15 var(--f-sistema); display: block; transition: opacity .3s var(--curva) .2s, translate .3s var(--curva) .2s; will-change: opacity, transform; }
body.con-menu .hamb__txt--abrir, body:not(.con-menu) .hamb__txt--cerrar { display: none; }
@media (hover: hover) { .hamb__boton:hover .hamb__txt { opacity: .5; transition-delay: 0s; } }
body.sin-cargar .hamb__txt, body.bajando:not(.en-pie):not(.menu-visible) .hamb__txt { transition-delay: 0s, 0s; opacity: 0; translate: .625rem 0; }
body.sin-cargar .hamb__txt { translate: .9375rem 0; }
body.entrando .hamb__txt { transition-duration: .8s, .8s; transition-delay: .7s, .7s; }
body.sin-cargar .hamb__boton svg { transition-delay: 0s, 0s; opacity: 0; translate: .3125rem 0; }
body.entrando .hamb__boton svg { transition-duration: .8s, .8s; transition-delay: .7s, .7s; }
.hamb__icono .barra { transform-box: fill-box; transform-origin: center; transition: rotate .3s var(--curva), scale .3s var(--curva); scale: .84 1; }
@media (hover: hover) { .hamb__boton:hover .hamb__icono .barra { scale: 1 1; } }
body.con-menu .hamb__icono .barra--a { rotate: 45deg; scale: .9 1; }
body.con-menu .hamb__icono .barra--b { rotate: -45deg; scale: .9 1; }
@media (min-width: 1024px) { body.con-menu .hamb__icono { color: var(--blanco); } }


.menu { position: fixed; inset: 0 0 0 3.75rem; z-index: 5; overflow-y: auto; background: #eaeae3cc; -webkit-backdrop-filter: blur(1.5625rem); backdrop-filter: blur(1.5625rem); user-select: none; will-change: transform; visibility: hidden; scrollbar-width: none; }
.menu.es-visible { visibility: visible; }
@media (max-width: 1023px) { .menu { inset: 0; } }
.menu__contenido { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; padding: 3.75rem .75rem 0 1.125rem; }
@media (max-width: 1023px) { .menu__contenido { padding: 5rem .9375rem 1.5rem; gap: .625rem; justify-content: flex-start; } }
@media (min-width: 1024px) { .menu__contenido { display: grid; grid-template-columns: max-content auto max-content 1.5rem 10.75rem; grid-template-rows: 1fr auto; align-items: start; row-gap: 2.5rem; padding-bottom: .875rem; } }
.menu__direccion { font: 400 .75rem/1.2 var(--f-sistema); display: flex; flex-direction: column; gap: 1rem; }
.menu__direccion a { transition: opacity .2s; }
@media (hover: hover) { .menu__direccion a:hover, .menu__nav a:hover { opacity: .6; } }
@media (min-width: 1024px) { .menu__direccion { grid-row: 1; grid-column: 1; } }
@media (max-width: 1023px) { .menu__direccion { line-height: 1.6; display: grid; grid-template-columns: repeat(2, 1fr); gap: .625rem; order: 6; margin-top: auto; width: 100%; padding-top: 1.25rem; } }
.menu__nav--principal { }
@media (min-width: 1024px) { .menu__nav--principal { grid-row: 1; grid-column: 3; margin-top: -.25rem; min-width: 23.75rem; } }
@media (max-width: 1023px) { .menu__nav--principal { order: 1; } .menu__nav--principal ul { display: flex; flex-direction: column; align-items: flex-start; gap: .3125rem; } }
.menu__nav--secundaria { width: 11.125rem; }
@media (max-width: 1023px) { .menu__nav--secundaria { width: 100%; order: 3; } .menu__nav--secundaria ul { display: grid; grid-auto-flow: column; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(5, auto); gap: 0 .8125rem; padding-top: .375rem; } }
@media (min-width: 1024px) { .menu__nav--secundaria { grid-row: 1; grid-column: 5; width: auto; } }
.menu__enlace { display: block; color: inherit; text-decoration: none; position: relative; }
.menu__nav--principal .menu__enlace { font: 100 2.0625rem/1.06 var(--f-visible); font-stretch: 104%; transition: opacity .3s, font-weight 0s linear .7s; }
@media (min-width: 1024px) { .menu__nav--principal .menu__enlace { line-height: 2.375rem; } .menu__nav--principal .menu__enlace::before { content: ""; background: #fafaf6; border-radius: 50%; display: block; height: 1.625rem; margin-right: .75rem; position: absolute; right: 100%; top: .1875rem; width: 1.625rem; transition: transform .4s ease .05s, opacity .4s ease .05s; transform: scale(.5); opacity: 0; } }
@media (max-width: 1023px) { .menu__nav--principal .menu__enlace { font-size: 1.6875rem; line-height: 1.06; letter-spacing: -.01em; } }
.menu__nav--principal .menu__enlace.es-activo { pointer-events: none; font-weight: 900; font-stretch: 93%; }
.menu__nav--principal .menu__enlace.es-activo::before { transform: scale(1); opacity: 1; }
.menu__nav--secundaria .menu__enlace { font: 400 1rem/1.3 var(--f-sistema); transition: opacity .2s; }
@media (max-width: 1023px) { .menu__nav--secundaria .menu__enlace { font-size: .875rem; line-height: 2.36; display: inline-block; } }
.menu__apoyo { font: 100 1.75rem/1 var(--f-visible); font-stretch: 104%; letter-spacing: -.01em; background-color: #fff; display: inline-flex; justify-content: space-between; width: 23rem; height: 3.25rem; align-items: center; margin-bottom: 1.8125rem; padding-inline: 1rem .625rem; transition: background-color .2s ease; }
.menu__apoyo svg { width: 2.5rem; height: 2.5rem; }
@media (min-width: 1024px) { .menu__apoyo { position: absolute; left: -.125rem; bottom: 100%; margin-bottom: 1.8125rem; } }
@media (max-width: 1023px) { .menu__apoyo { font-size: 1.5rem; line-height: 1.06; position: relative; margin: .375rem 0 0; width: 100%; height: 2.5rem; padding-left: .625rem; order: 2; } }
.menu__boletin { display: flex; flex-direction: column; gap: .625rem; }
@media (min-width: 1024px) { .menu__boletin { grid-row: 2; grid-column: 1; align-self: center; } }
@media (max-width: 1023px) { .menu__boletin { display: none; } }
.menu__ingreso { font: 400 1rem/1 var(--f-sistema); display: flex; align-items: center; width: 100%; min-height: 2.5rem; padding: .25rem .875rem; border-radius: 62.4375rem; background-color: #fefefe; color: #191919; text-align: left; order: 4; margin-block: .875rem .5625rem; }
@media (min-width: 660px) and (max-width: 1023px) { .menu__ingreso { width: 12.5rem; } }
.menu__boletin-etiqueta { font: 100 1.25rem/1 var(--f-visible); font-stretch: 104%; letter-spacing: -.02em; }
.menu__boletin-etiqueta strong { font-weight: 900; font-stretch: 93%; }
.menu__boletin-campo { display: flex; align-items: center; background: #fafaf6; border-radius: 1.25rem; width: 100%; max-width: 23.75rem; height: 2.5rem; position: relative; margin-left: -.25rem; }
.menu__boletin-entrada { font: 300 1.25rem/2 var(--f-visible); flex: 1; border: none; background: none; outline: none; color: inherit; padding-left: 1.25rem; padding-right: 3.125rem; width: 100%; }
.menu__boletin-entrada::placeholder { color: #191919; transition: opacity .2s ease; opacity: 1; }
.menu__boletin-entrada:focus::placeholder { opacity: 0; }
.menu__boletin-enviar { position: absolute; right: 0; height: 2.5rem; width: 3.875rem; display: flex; align-items: center; justify-content: center; }
.menu__boletin-enviar svg { width: 2.5rem; height: 2.5rem; }
.menu__boletin-msg { font: 400 .875rem/1.2 var(--f-sistema); min-height: 1em; }
.menu__nav--pie { margin-right: .375rem; }
@media (min-width: 1024px) { .menu__nav--pie { grid-row: 2; grid-column: 3 / 6; align-self: flex-end; margin-bottom: .875rem; position: relative; } }
.menu__nav--pie ul { display: flex; flex-flow: row wrap; gap: .25rem 1.5rem; padding: 0 2.5rem 0 0; }
.menu__nav--pie .menu__enlace { font: 400 .75rem/2.5 var(--f-sistema); transition: opacity .2s; }
@media (max-width: 1023px) { .menu__nav--pie { display: none; } }


.buscar { z-index: 4; position: fixed; top: -100dvh; left: 0; width: 100%; height: 100dvh; overflow: hidden; will-change: top; transition: top .7s cubic-bezier(.65, 0, .35, 1), visibility 0s linear .7s; visibility: hidden; --acento: #4a2c44; }
.buscar[aria-hidden="false"] { top: 0; visibility: visible; transition: top .7s cubic-bezier(.65, 0, .35, 1); }
@media (max-width: 1023px) { .buscar { z-index: 7; } }
.buscar__fondo { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(234, 234, 227, .96), rgba(234, 234, 227, .96)); }
.buscar--oscuro .buscar__fondo { background: #710003; }
.buscar--oscuro { color: #fafaf6; }
.buscar__interior { position: relative; width: 100%; height: 100%; }
.buscar__titulo { font: 900 8rem/1 var(--f-visible); font-stretch: 93%; letter-spacing: -.03em; color: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 7.7rem)); z-index: 0; pointer-events: none; user-select: none; transition: opacity .4s ease, transform .55s cubic-bezier(.65, 0, .35, 1); }
@media (max-width: 659px) { .buscar__titulo { font-size: 3.75rem; transform: translate(-50%, calc(-50% - 5.4rem)); } }
.buscar__cerrar { position: absolute; top: 1.125rem; right: 1.125rem; width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; z-index: 10; color: inherit; }
.buscar__caja { position: fixed; bottom: calc(50dvh - 3rem); left: 0; right: 0; margin-inline: auto; z-index: 2; background: #eaeae3b3; padding: 4.6875rem 1.25rem 1.375rem; width: 43.75rem; max-width: calc(100% - 2.5rem); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); }
.buscar--oscuro .buscar__caja { background: #fafaf61a; }
.buscar__campo { position: relative; background: rgba(254, 254, 254, .7); border-radius: 1.25rem; min-height: 2.9375rem; }
.buscar--oscuro .buscar__campo { background: rgba(254, 254, 254, .14); }
.buscar__texto { display: block; width: 100%; height: 2.9375rem; resize: none; font: 300 1.375rem/1.15 var(--f-visible); letter-spacing: -.02em; padding: .6875rem 4.5rem .6875rem .875rem; border-radius: 1.25rem; outline: none; color: inherit; overflow: hidden; }
.buscar__texto::placeholder { color: inherit; opacity: 1; }
.buscar__enviar { position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 3.125rem; height: 1.875rem; background: var(--acento); color: var(--blanco); border-radius: 3.4375rem; transition: opacity .2s ease; }
.buscar--oscuro .buscar__enviar { background: #fafaf6; color: #710003; }
.buscar__enviar svg { width: 1.875rem; height: 1.875rem; }
.buscar__flecha { display: none; }
.buscar--oscuro .buscar__lupa { display: none; }
.buscar--oscuro .buscar__flecha { display: block; }
.buscar__msg { position: absolute; top: calc(100% + .9rem); left: 0; right: 0; text-align: center; font: 400 1rem/1.3 var(--f-sistema); min-height: 1.3em; }
.buscar__pista { position: absolute; bottom: 2.1rem; left: 0; right: 0; text-align: center; font: 400 .9375rem/1 var(--f-visible); color: #a4a4a4; max-width: none; }
.buscar__pista kbd { font: inherit; border: 1px solid #a4a4a4; border-radius: .25rem; padding: .1rem .45rem; margin-inline: .2rem; }
@media (max-width: 659px) { .buscar__texto { font-size: 1rem; } .buscar__caja { padding: 3.2rem .875rem 1.2rem; } }


.aviso { position: fixed; left: 50%; bottom: 1.5rem; z-index: 30; transform: translate(-50%, 1rem); background: var(--tinta); color: var(--fondo); font: 400 .9375rem/1.2 var(--f-sistema); padding: .8rem 1.3rem; border-radius: 999px; opacity: 0; pointer-events: none; transition: opacity .3s var(--curva), transform .3s var(--curva); max-width: calc(100vw - 2rem); text-align: center; }
.aviso.es-visible { opacity: 1; transform: translate(-50%, 0); }


.modulo--rotor { margin-top: 0; }
.rotor { position: relative; height: calc(var(--alto-app) + 1px); max-height: 58.59375vw; overflow: hidden; background-color: #191919; color: #fafaf6; clip-path: inset(0); transition: clip-path .8s cubic-bezier(.5, 0, .2, 1) .2s; }
@media (min-width: 660px) and (max-width: 1023px) { .rotor { max-height: calc(var(--alto-app) * .75); } }
@media (max-width: 659px) { .rotor { max-height: 30.6875rem; } }
body.sin-cargar .rotor { clip-path: inset(calc(50% - 2.5rem)); animation: critico-recorte 0s 5s forwards; }
@keyframes critico-recorte { to { clip-path: inset(0); } }
.rotor__videos { position: absolute; inset: 0; }
.rotor__video { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; z-index: 0; }
.rotor__video.es-actual { opacity: 1; }
.rotor__video video { width: 100%; height: 100%; object-fit: cover; background: #191919; }
.rotor__video::after { content: ""; display: block; position: absolute; inset: 0; background: #000; opacity: calc(var(--overlay, .6) * .81); z-index: 2; }
.rotor__caja { height: 100%; display: flex; justify-content: space-between; align-items: center; padding-block: var(--alto-cab) 2rem; position: relative; }
@media (max-width: 659px) { .rotor__caja { align-items: flex-end; padding-bottom: 1rem; } }
.rotor__acciones { position: absolute; right: 0; bottom: 1.25rem; z-index: 2; display: flex; align-items: center; gap: .5rem; }
.rotor__bajar, .rotor__pausa { opacity: 1; translate: 0 0; transition: opacity .6s var(--curva) .6s, translate .6s var(--curva) .6s; }
body.sin-cargar .rotor__bajar, body.sin-cargar .rotor__pausa { opacity: 0; translate: 0 .625rem; transition-delay: 0s, 0s; transition-duration: .4s, .6s; }
body.entrando .rotor__bajar, body.entrando .rotor__pausa { transition-delay: 1.7s, 1.7s; transition-duration: .6s, .6s; }
.rotor__pausa { display: inline-grid; }
.rotor.esta-pausado .rotor__pausa-txt--parar, .rotor:not(.esta-pausado) .rotor__pausa-txt--seguir { visibility: hidden; }
.rotor__pausa-txt { grid-area: 1 / 1; text-align: center; }
.rotor__cabecera { font: 800 2.9375rem/.9 var(--f-visible); font-stretch: 97%; letter-spacing: -.02em; max-width: 34.375rem; align-self: flex-end; padding-left: 1.25rem; position: relative; z-index: 2; will-change: transform; }
@media (min-width: 660px) and (max-width: 1023px) { .rotor__cabecera { font-size: 2.25rem; line-height: .9; max-width: 25rem; padding-left: 0; } }
.rotor__cabecera span { transition: opacity 1.2s var(--curva), translate 1.2s var(--curva); display: inline-block; }
.rotor__cabecera span:nth-child(1) { transition-delay: .85s, .8s; transition-duration: 1.3s, 1.2s; }
.rotor__cabecera span:nth-child(2) { transition-delay: .9s, .8s; transition-duration: 1.4s, 1.2s; }
.rotor__cabecera span:nth-child(3) { transition-delay: .95s, .8s; transition-duration: 1.5s, 1.2s; }
.rotor__cabecera span:nth-child(4) { transition-delay: 1s, .8s; transition-duration: 1.6s, 1.2s; }
.rotor__cabecera span:nth-child(5) { transition-delay: 1.05s, .8s; transition-duration: 1.7s, 1.2s; }
.rotor__cabecera span:nth-child(6) { transition-delay: 1.1s, .8s; transition-duration: 1.8s, 1.2s; }
body.sin-cargar .rotor__cabecera span { opacity: 0; translate: 2.5rem 0; animation: critico-asentar 0s 5s forwards; }
@keyframes critico-asentar { to { opacity: 1; translate: 0 0; } }
.rotor__leyendas { position: relative; z-index: 2; margin-top: -4.375rem; width: 50%; height: 5.375rem; will-change: transform; }
@media (max-width: 659px) { .rotor__leyendas { width: 100%; } }
.rotor__leyenda { text-align: right; display: flex; flex-direction: column; align-items: flex-end; user-select: none; position: absolute; right: 0; width: 100%; padding-right: .625rem; max-width: 25rem; }
.rotor__leyenda:not(.es-actual), body.sin-cargar .rotor__leyenda { pointer-events: none; }
@media (max-width: 659px) { .rotor__leyenda { text-align: left; align-items: flex-start; bottom: 0; } .rotor:has(.rotor__pausa) .rotor__leyenda { padding-right: 0; } }
.rotor__titulo { font: 800 1.75rem/1 var(--f-visible); font-stretch: 97%; letter-spacing: -.03em; text-wrap: balance; max-width: 23.75rem; will-change: opacity, transform; transition: opacity 1.2s var(--curva) .5s, translate 1.2s var(--curva) .5s; }
.rotor__leyenda:not(.es-actual) .rotor__titulo, body.sin-cargar .rotor__titulo { opacity: 0; translate: -1.25rem 0; transition-delay: 0s, 0s; transition-duration: .6s, 1s; }
body.entrando .rotor__titulo { transition-delay: 1.5s, 1.5s; transition-duration: 1.4s, 1.4s; }
.rotor__subtitulo { font: 300 1.125rem/1.2 var(--f-visible); font-stretch: 103%; margin-top: .625rem; text-wrap: balance; max-width: 22.5rem; margin-inline: auto 0; letter-spacing: .01em; will-change: opacity, transform; transition: opacity 1s var(--curva) .4s, translate 1s var(--curva) .4s; }
.rotor__subtitulo strong { font-weight: 700; }
.rotor__leyenda:not(.es-actual) .rotor__subtitulo, body.sin-cargar .rotor__subtitulo { opacity: 0; translate: 1.25rem 0; transition-delay: 0s, 0s; transition-duration: .6s, .8s; }
body.entrando .rotor__subtitulo { transition-delay: 1.4s, 1.4s; transition-duration: 1.2s, 1.2s; }
.rotor__btn { margin-top: .375rem; margin-right: -.625rem; opacity: 1; translate: 0 0; will-change: opacity, transform; transition: opacity .6s var(--curva) .6s, translate .6s var(--curva) .6s; background: none !important; }
.rotor__leyenda:not(.es-actual) .rotor__btn, body.sin-cargar .rotor__btn { opacity: 0; translate: -.625rem 0; transition-delay: 0s, 0s; transition-duration: .4s, .6s; }
body.entrando .rotor__btn { transition-delay: 1.6s, 1.6s; transition-duration: .6s, .6s; }
.rotor__btn svg { transition: translate .6s var(--curva) .6s, transform .3s var(--curva); translate: 0 0; }
.rotor__leyenda:not(.es-actual) .rotor__btn svg, body.sin-cargar .rotor__btn svg { translate: -.375rem 0; transition-delay: 0s, 0s; transition-duration: .6s, .3s; }
body.entrando .rotor__btn svg { transition-delay: 1.6s, 0s; transition-duration: .6s, .3s; }
@media (max-width: 1023px) { .rotor__btn { padding-left: 0; } }


.intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 6.875rem 5rem; align-items: start; padding-block: 2rem 11.875rem; }
@media (max-width: 1023px) { .intro { display: flex; flex-direction: column; gap: 2.5rem; padding-block: 3rem 4.5rem; } }
.intro__presenta { font: 300 1.75rem/1.1 var(--f-visible); font-stretch: 103%; grid-column: 1 / -1; text-align: center; max-width: 35rem; margin: 0 auto; }
.intro__presenta strong { font-weight: 700; }
@media (max-width: 1023px) { .intro__presenta { font-size: 1.25rem; line-height: 1.2; text-align: left; max-width: 20.8125rem; margin: 0; } }
.intro__izq { display: flex; flex-direction: column; gap: 3.5rem; }
@media (max-width: 1023px) { .intro__izq { display: contents; } }
.intro__lead { font: 300 1.75rem/1.1 var(--f-visible); font-stretch: 103%; letter-spacing: 0; color: var(--tinta); }
.intro__lead strong { font-weight: 700; }
@media (max-width: 1023px) { .intro__lead { font-size: 1.25rem; line-height: 1.1; order: 1; } }
.intro__mini { padding: 2.5rem; background-color: #eaeae3cc; -webkit-backdrop-filter: blur(.9375rem); backdrop-filter: blur(.9375rem); position: relative; width: 18.75rem; height: 15rem; margin: 0; flex-shrink: 0; }
@media (max-width: 1023px) { .intro__mini { order: 3; } }
.intro__mini img { position: absolute; top: 2.5rem; left: 2.5rem; width: calc(100% - 5rem); height: calc(100% - 5rem); object-fit: cover; transition: transform .5s var(--curva); }
.intro__medio { position: relative; justify-self: end; }
@media (max-width: 1023px) { .intro__medio { order: 2; width: 100%; margin-bottom: 1.5rem; } }
@media (max-width: 659px) { .intro__medio { margin-bottom: 2.5rem; } }
.intro__video { display: block; width: 36.25rem; height: 26.875rem; max-width: 100%; object-fit: cover; background: #191919; pointer-events: none; }
@media (max-width: 1023px) { .intro__video { width: 100%; height: auto; aspect-ratio: 4 / 3; } }
.intro__insignia { position: absolute; left: -9.3125rem; bottom: -6.875rem; display: block; }
@media (max-width: 1023px) { .intro__insignia { left: -.5rem; bottom: -1.5rem; } }
@media (max-width: 659px) { .intro__insignia { left: auto; right: 0; bottom: -7.5rem; z-index: 2; } }
.burbuja { background: #454794; width: 12.5rem; height: 12.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fafaf6; }
.burbuja--naranja { position: relative; background: rgba(179, 45, 0, .85); -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); padding-inline: 1.25rem; }
.burbuja__texto { font: 700 .875rem/1.15 var(--f-sistema); text-align: center; max-width: 10.0625rem; }
.burbuja--naranja .burbuja__texto { max-width: unset; }
@media (max-width: 1023px) { .intro__insignia .burbuja { width: 10rem; height: 10rem; } }
@media (max-width: 659px) { .burbuja--naranja { width: 11.25rem; height: 11.25rem; padding: 1rem 1.25rem; } }
.intro__insignia-flecha { position: absolute; left: 50%; bottom: 1.375rem; translate: -50% 0; }
.intro__insignia-flecha svg { display: block; width: 1.625rem; height: 1.625rem; }
@media (max-width: 1023px) { .intro__insignia-flecha { bottom: 1rem; } }


.explorar { display: flex; flex-wrap: wrap; padding-block: 2.8125rem 5rem; user-select: none; }
.explorar__bandas { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; }
@media (max-width: 659px) { .explorar__bandas { flex-wrap: wrap; gap: .75rem; } }
.explorar__banda { font-size: 1.5rem; line-height: 1; width: 30.0625rem; align-items: flex-start; justify-content: flex-start; height: 15rem; background-color: #eaeae3d9; overflow: hidden; color: #eaeae3; padding: .9375rem .8125rem; display: flex; flex-direction: column; text-align: left; cursor: pointer; -webkit-backdrop-filter: blur(.9375rem); backdrop-filter: blur(.9375rem); will-change: transform; }
@media (max-width: 659px) { .explorar__banda { width: 15.5rem; height: 9.625rem; } }
@media (min-width: 660px) and (max-width: 1023px) { .explorar__banda { height: 10.625rem; } }
.explorar__banda .forma { margin-block: auto 0; color: #eaeae3; }
.explorar__banda--ciruela { background: #4a2c44; }
.explorar__banda--gris { color: #191919; }
.explorar__banda--gris .forma { color: #fafaf6; }
.explorar__banda--azul { background: #83899bd9; }
.explorar__banda--roja { background: #710003d9; }
@media (min-width: 660px) {
  .explorar__banda:nth-child(2) { margin-top: 10rem; }
  .explorar__banda:nth-child(3) { margin-top: 19.375rem; }
  .explorar__banda:nth-child(4) { margin-top: 28.125rem; }
  .explorar__banda:not(:first-child) { margin-left: -10.9375rem; }
}
@media (max-width: 659px) {
  .explorar__banda:nth-child(2), .explorar__banda:nth-child(4) { margin-left: auto; }
  .explorar__banda:nth-child(2), .explorar__banda:nth-child(3), .explorar__banda:nth-child(4) { margin-top: -2.25rem; }
}
@media (hover: hover) { .explorar__banda:hover .flecha-larga__linea { scale: .5581395349 1; } .explorar__banda:hover .flecha-larga__punta { translate: calc(-16 * var(--u)) 0; } }
.explorar__titulo { font: 900 4rem/.74 var(--f-visible); font-stretch: 93%; display: block; width: 100%; flex-shrink: 1; margin-bottom: 0; flex-grow: 0; letter-spacing: -.03em; }
@media (max-width: 1023px) { .explorar__titulo { font-size: 2.92375rem; line-height: .74; letter-spacing: -.035em; } }
.explorar__subtitulo { font: 400 1.125rem/1.19 var(--f-visible); font-stretch: 103%; margin-top: .3125rem; display: block; margin-bottom: auto; }
@media (max-width: 1023px) { .explorar__subtitulo { font-size: .8125rem; line-height: 1.19; letter-spacing: -.02em; } }
@media (max-width: 659px) { .explorar__banda--roja .explorar__subtitulo { max-width: 10rem; } }

.forma { position: relative; display: block; flex-shrink: 0; }
.forma__parte { position: absolute; inset: 0; background: currentColor; will-change: transform; }
.forma--explorar { --u: .0625rem; height: 5rem; aspect-ratio: 144 / 80; }
.forma--explorar .forma__parte { transition: scale .5s var(--curva), translate .5s var(--curva); transform-origin: calc(0 * var(--u)) calc(80 * var(--u)); }
.forma--explorar .forma__parte:nth-child(1) { clip-path: inset(0% 44.4444444444% 0% 0%); }
.forma--explorar .forma__parte:nth-child(2) { clip-path: inset(50% 15.2777777778% 0% 56.9444444444%); }
.forma--explorar .forma__parte:nth-child(3) { clip-path: inset(75% 0% 0% 86.1111111111%); transform-origin: calc(144 * var(--u)) calc(80 * var(--u)); }
.forma--buscar { --u: .0625rem; height: 2.5625rem; aspect-ratio: 222 / 41; }
.forma--buscar .forma__parte { transition: translate .4s var(--curva), scale .4s var(--curva); }
.forma--buscar .forma__parte:nth-child(1), .forma--buscar .forma__parte:nth-child(2) { clip-path: inset(0% 40.5225225225% 0% 0% round calc(20.5 * var(--u))); }
.forma--buscar .forma__parte:nth-child(3) { clip-path: inset(0% 19.8963963964% 0% 61.1126126126% round calc(20.5 * var(--u))); }
.forma--buscar .forma__parte:nth-child(4) { inset: auto; top: calc(3.9677 * var(--u)); left: calc(184.7093 * var(--u)); width: calc(34.0001 * var(--u)); height: calc(33.0646 * var(--u)); border-radius: calc(16.5323 * var(--u)); background: #4a2c44; scale: 0; transform-origin: calc(-33.0093 * var(--u)) calc(16.5323 * var(--u)); }
.forma--descubrir { --u: calc(6.6875rem / 106.98); height: 6.6875rem; aspect-ratio: 179.66 / 106.98; }
.forma--descubrir .forma__parte { transition: scale .5s var(--curva), translate .5s var(--curva); }
.forma--descubrir .forma__parte:nth-child(1), .forma--descubrir .forma__parte:nth-child(2) { clip-path: inset(39.4092353711% 34.6153846154% 0% 0%); }
.forma--descubrir .forma__parte:nth-child(1) { scale: 0; transform-origin: calc(0 * var(--u)) calc(42.16 * var(--u)); }
.forma--descubrir .forma__parte:nth-child(2) { transform-origin: calc(117 * var(--u)) calc(42 * var(--u)); }
.forma--descubrir .forma__parte:nth-child(3) { clip-path: inset(0% 9.9521318045% 60.5907646289% 66.2584882556%); transform-origin: calc(162 * var(--u)) calc(42 * var(--u)); }
.forma--descubrir .forma__parte:nth-child(4) { clip-path: inset(39.4092353711% 0% 45.9618620303% 91.1555159746%); transform-origin: calc(180 * var(--u)) calc(42 * var(--u)); }
.forma--preguntar { --u: calc(5.625rem / 89.95); height: 5.625rem; aspect-ratio: 72.15 / 89.95; }
.forma--preguntar .forma__parte { inset: auto; rotate: -45deg; transition: scale .5s var(--curva), translate .5s var(--curva), rotate .5s var(--curva); }
.forma--preguntar .forma__parte:nth-child(1) { top: calc(4.006 * var(--u)); left: calc(20.1185 * var(--u)); width: calc(19.163 * var(--u)); height: calc(18.908 * var(--u)); transform-origin: calc(8.8815 * var(--u)) calc(9.544 * var(--u)); }
.forma--preguntar .forma__parte:nth-child(2) { top: calc(38.856 * var(--u)); left: calc(8.646 * var(--u)); width: calc(42.738 * var(--u)); height: calc(42.158 * var(--u)); transform-origin: calc(21.054 * var(--u)) calc(21.144 * var(--u)); }
.forma--preguntar .forma__parte:nth-child(3), .forma--preguntar .forma__parte:nth-child(4) { top: calc(79.628 * var(--u)); left: calc(61.7745 * var(--u)); width: calc(8.641 * var(--u)); height: calc(8.514 * var(--u)); transform-origin: calc(4.2255 * var(--u)) calc(4.172 * var(--u)); }
.forma--preguntar .forma__parte:nth-child(4) { scale: 0; }
@media (max-width: 1023px) {
  .forma--explorar { --u: calc(3.08125rem / 80); height: 3.08125rem; }
  .forma--buscar { --u: calc(1.59375rem / 41); height: 1.59375rem; }
  .forma--descubrir { --u: calc(4.14375rem / 106.98); height: 4.14375rem; }
  .forma--preguntar { --u: calc(3.6125rem / 89.95); height: 3.6125rem; }
}
a:hover .forma--explorar .forma__parte:nth-child(1), a:focus-visible .forma--explorar .forma__parte:nth-child(1) { scale: .25; translate: 0 calc(-60 * var(--u)); }
a:hover .forma--explorar .forma__parte:nth-child(2), a:focus-visible .forma--explorar .forma__parte:nth-child(2) { translate: calc(-60 * var(--u)) calc(-40 * var(--u)); }
a:hover .forma--explorar .forma__parte:nth-child(3), a:focus-visible .forma--explorar .forma__parte:nth-child(3) { scale: 4; }
a:hover .forma--buscar .forma__parte:nth-child(1), a:focus-visible .forma--buscar .forma__parte:nth-child(1) { translate: calc(92 * var(--u)) 0; }
a:hover .forma--buscar .forma__parte:nth-child(3), a:focus-visible .forma--buscar .forma__parte:nth-child(3) { translate: calc(32 * var(--u)) 0; }
a:hover .forma--buscar .forma__parte:nth-child(4), a:focus-visible .forma--buscar .forma__parte:nth-child(4) { scale: 1; }
a:hover .forma--descubrir .forma__parte:nth-child(1), a:focus-visible .forma--descubrir .forma__parte:nth-child(1) { scale: 1 -1; translate: 0 calc(22 * var(--u)); }
a:hover .forma--descubrir .forma__parte:nth-child(2), a:focus-visible .forma--descubrir .forma__parte:nth-child(2) { scale: .3675213675 .6461538462; translate: calc(43 * var(--u)) calc(22 * var(--u)); }
a:hover .forma--descubrir .forma__parte:nth-child(3), a:focus-visible .forma--descubrir .forma__parte:nth-child(3) { scale: .3720930233; translate: calc(16 * var(--u)) calc(22 * var(--u)); }
a:hover .forma--descubrir .forma__parte:nth-child(4), a:focus-visible .forma--descubrir .forma__parte:nth-child(4) { scale: 0; translate: 0 calc(22 * var(--u)); }
a:hover .forma--preguntar .forma__parte:nth-child(1), a:focus-visible .forma--preguntar .forma__parte:nth-child(1) { scale: 0; rotate: 45deg; translate: 0 calc(-14 * var(--u)); }
a:hover .forma--preguntar .forma__parte:nth-child(2), a:focus-visible .forma--preguntar .forma__parte:nth-child(2) { scale: .4486666667; rotate: -135deg; translate: 0 calc(-46.38 * var(--u)); }
a:hover .forma--preguntar .forma__parte:nth-child(3), a:focus-visible .forma--preguntar .forma__parte:nth-child(3) { scale: 5; rotate: 45deg; translate: calc(-35 * var(--u)) calc(-23.95 * var(--u)); }
a:hover .forma--preguntar .forma__parte:nth-child(4), a:focus-visible .forma--preguntar .forma__parte:nth-child(4) { scale: 1; rotate: -135deg; }


.encabezado { padding-block: 5.625rem 1.875rem; display: flex; flex-direction: column; gap: .375rem; }
@media (max-width: 1023px) { .encabezado { padding-block: 2.5rem 1.25rem; } }
.encabezado--corto { max-width: 30rem; padding-top: 0; flex-shrink: 0; }
.encabezado__titulo { font: 900 2.625rem/1.06 var(--f-visible); font-stretch: 93%; letter-spacing: -.02em; }
@media (max-width: 1023px) { .encabezado__titulo { font-size: 1.75rem; line-height: 1; letter-spacing: -.012em; } }
.encabezado__lead { font: 300 1.75rem/1.1 var(--f-visible); font-stretch: 103%; padding-bottom: 1.25rem; }
@media (max-width: 1023px) { .encabezado__lead { font-size: 1.25rem; line-height: 1.2; } }
@media (min-width: 1024px) { .encabezado--corto .encabezado__lead { line-height: 1.875rem; } }
.encabezado--corto .encabezado__lead { max-width: 27.5rem; }
.encabezado--corto .encabezado__mas { margin-top: .625rem; }


.modulo--mosaico + .modulo--mosaico, .modulo--destacado + .modulo--mosaico { }
.mosaico__grilla { display: flex; flex-direction: column; gap: 8.375rem; position: relative; z-index: 0; }
@media (max-width: 1023px) { .mosaico__grilla { display: grid; grid-template-columns: repeat(2, calc(50% - var(--margen) / 2)); gap: 3.875rem var(--margen); } }
@media (min-width: 660px) and (max-width: 1023px) { .mosaico__grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mosaico__fila { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.6875rem; }
@media (max-width: 1023px) { .mosaico__fila { display: contents; } }
@media (min-width: 1024px) { .mosaico__fila > * { width: 18.75rem; } .mosaico__fila .ficha-nov { width: 13.75rem; } }
.mosaico__relleno { width: 18.75rem; }
.mosaico--corto .mosaico__grilla { gap: 3.75rem; }
@media (min-width: 1024px) {
  .mosaico--corto .mosaico__lado { padding-top: 3.5rem; }
  .mosaico--corto .mosaico__lado ~ .mosaico__contenido { padding-top: 3.75rem; padding-bottom: 5rem; }
  .mosaico--corto .mosaico__grilla { display: flex; flex-direction: column; gap: 3.75rem; }
}
@media (max-width: 1023px) { .mosaico--corto .mosaico__grilla { gap: 3.875rem var(--margen); } }
.mosaico--corto .mosaico__fila { justify-content: space-between; }
.modulo--mosaico + .modulo--mosaico { margin-top: 5rem; }
.mosaico--novedades .mosaico__grilla { }
@media (max-width: 1023px) { .mosaico--novedades .mosaico__grilla { gap: 2.5rem var(--margen); } }
.mosaico--novedades .mosaico__fila { gap: 2.5rem; justify-content: flex-end; }
@media (min-width: 660px) { .mosaico--recorte .mosaico__fila:nth-of-type(n+2) { display: none; } }
.mosaico__relleno { display: none; }
@media (min-width: 1024px) { .mosaico--novedades .mosaico__relleno { display: none; } }
@media (max-width: 1023px) { .mosaico__relleno { display: none; } }


.ficha-video { position: relative; display: block; }
.ficha-video__imagen { overflow: hidden; position: relative; display: block; aspect-ratio: 220 / 160; z-index: 2; }
.ficha-video__tapa { padding: 2.5rem; background-color: #eaeae3cc; -webkit-backdrop-filter: blur(.9375rem); backdrop-filter: blur(.9375rem); position: relative; container-type: size; color: #fafaf6; aspect-ratio: 300 / 240; overflow: hidden; }
.ficha-video__tapa picture { display: block; position: absolute; inset: 2.5rem; overflow: hidden; }
.ficha-video__tapa img { display: block; height: 100%; width: 100%; transition: transform .5s var(--curva); object-fit: cover; }
@media (max-width: 1023px) { .ficha-video__tapa { padding: 1.25rem; } .ficha-video__tapa picture { inset: 0; aspect-ratio: auto; } }
@media (max-width: 659px) { .ficha-video__tapa { padding-bottom: 1.4375rem; } }
@media (max-width: 1023px) { .ficha-video__tapa picture { inset: 1.25rem 1.25rem 1.4375rem; } }
.ficha-video__tapa::before { z-index: 5; content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: .65625rem 0 .65rem 1.125rem; border-color: transparent transparent transparent currentColor; left: 1.25rem; bottom: 1.25rem; translate: -50% 50%; margin: 0 4px; transition: color .3s ease; }
@media (max-width: 1023px) { .ficha-video__tapa::before { border-width: .375rem 0 .375rem .646875rem; left: .71875rem; bottom: .71875rem; } }
@media (min-width: 1024px) { .ficha-video .ficha-video__contenido { margin-top: 1.1875rem; } .ficha-video--clip .ficha-video__contenido { margin-top: 1rem; } }
@media (max-width: 1023px) { .ficha-video__contenido { margin-top: .6875rem; } }
.ficha-video__bucle { position: absolute; display: none; width: calc(100% - 5rem); height: calc(100% - 5rem); top: 2.5rem; left: 2.5rem; object-fit: cover; z-index: 3; pointer-events: none; }
@media (max-width: 1023px) { .ficha-video__bucle { width: calc(100% - 2.5rem); height: calc(100% - 2.5rem); top: 1.25rem; left: 1.25rem; } }
@media (max-width: 659px) { .ficha-video__bucle { height: calc(100% - 2.6875rem); } }
.ficha-video__brillo { z-index: 1; position: absolute; display: block; pointer-events: none; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .3s ease; }
.ficha-video__brillo.es-visible { opacity: .8; }
.ficha-video__linea { position: absolute; height: 2.5rem; overflow: hidden; inset: auto 0 0 2.5rem; z-index: 4; }
@media (max-width: 1023px) { .ficha-video__linea { height: 1.4375rem; } }
.ficha-video__linea span { display: block; position: absolute; height: 100%; background: #eaeae333; border-left: 1px solid #C53633; left: 55.6666666667%; min-width: 8.35%; }
.ficha-video__meta { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .4375rem; }
@media (max-width: 1023px) { .ficha-video__meta { margin-bottom: .1875rem; } }
.ficha-video__narrador { color: #191919; letter-spacing: -.01em; }
.ficha-video--clip .ficha-video__narrador { font: 300 1.125rem/1.15 var(--f-visible); font-stretch: 103%; letter-spacing: -.01em; }
@media (max-width: 1023px) { .ficha-video--clip .ficha-video__narrador { font-size: .8125rem; } }
.ficha-video__duracion { font: 300 1.0625rem/1.1764705882 var(--f-visible); font-stretch: 103%; }
@media (max-width: 1023px) { .ficha-video__duracion { font-size: 1.0625rem; letter-spacing: -.03em; } }
@media (max-width: 1023px) { .ficha-video__duracion { font-size: .75rem; line-height: 1.15; } }
.ficha-video--clip .ficha-video__descripcion { font: 700 1.5rem/1 var(--f-visible); font-stretch: 100%; letter-spacing: -.012em; padding-right: .3125rem; }
@media (max-width: 1023px) { .ficha-video--clip .ficha-video__descripcion { font-size: 1rem; line-height: 1; } }
@media (max-width: 659px) { .ficha-video__descripcion { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } }
.ficha-video--entrevista .ficha-video__narrador { font: 800 1.75rem/1 var(--f-visible); font-stretch: 97%; letter-spacing: -.01em; }
@media (max-width: 1023px) { .ficha-video--entrevista .ficha-video__narrador { font-size: 1.125rem; line-height: 1; } }
.ficha-video--entrevista .ficha-video__descripcion { font: 300 1.0625rem/1.15 var(--f-visible); font-stretch: 103%; letter-spacing: -.03em; margin-top: .4375rem; }
@media (max-width: 1023px) { .ficha-video--entrevista .ficha-video__descripcion { font-size: .75rem; line-height: 1.15; } }
@media (min-width: 1024px) { .ficha-video--entrevista .ficha-video__duracion { font-size: 1.5625rem; line-height: 1; margin-top: .5rem; display: block; } }


.modulo--destacado { }
.destacado { padding-block: 2.5rem; }
.destacado__panel { position: relative; overflow: hidden; display: flex; align-items: center; gap: 3.75rem; height: 18.75rem; padding: 1.125rem 1.25rem; }
@media (max-width: 1023px) { .destacado__panel { height: auto; flex-direction: column; align-items: stretch; gap: 1.5rem; } }
.destacado__fondo { position: absolute; inset: 0; z-index: 0; }
.destacado__fondo picture, .destacado__fondo img { display: block; width: 100%; height: 100%; }
.destacado__fondo img { object-fit: cover; filter: blur(40px) brightness(.52) saturate(.9); scale: 1.12; }
.destacado__contenido { position: relative; z-index: 1; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; gap: 2rem; color: #fafaf6; }
.destacado__titulo { font: 900 4rem/.86 var(--f-visible); font-stretch: 93%; letter-spacing: -.02em; max-width: 33.75rem; }
@media (max-width: 659px) { .destacado__titulo { font-size: 2.5rem; line-height: .86; } }
.destacado__descripcion { font: 300 1.125rem/1.2 var(--f-visible); font-stretch: 103%; letter-spacing: 0; max-width: 33.75rem; margin: .75rem 0 0; }
.destacado__mas { font: 700 1.125rem/1 var(--f-visible); font-stretch: 100%; display: inline-flex; align-items: center; gap: .5rem; color: inherit; transition: opacity .25s ease; }
.destacado__mas svg { display: block; width: 1.5rem; height: 1.5rem; }
@media (hover: hover) { .destacado__mas:hover { opacity: .72; } }
.destacado__medio { position: relative; z-index: 1; width: 37.5rem; align-self: stretch; flex-shrink: 0; }
@media (max-width: 1023px) { .destacado__medio { width: 100%; aspect-ratio: 16 / 9; } }
.destacado__video { display: block; width: 100%; height: 100%; object-fit: cover; background: #191919; }


.modulo--series { margin-block: 7.5rem; }
@media (max-width: 1023px) { .modulo--series { margin-block: 5.625rem 5rem; } }
.series { padding-top: 13.3333333333vh; overflow: hidden clip; margin-left: var(--margen); }
@media (min-width: 1024px) { .series { display: grid; grid-template-columns: minmax(22.5rem, 1fr) minmax(0, 58.75rem); column-gap: 2.5rem; align-items: start; margin-right: var(--margen); } }
@media (max-width: 1023px) { .series { padding-top: 0; display: flex; flex-direction: column; align-items: stretch; overflow: visible; margin-right: var(--margen); } }
@media (min-width: 660px) and (max-width: 1023px) { .series { align-items: flex-start; } }
.series__afiches { display: flex; gap: 1.25rem; align-items: flex-start; width: 100%; min-width: 0; }
@media (max-width: 1023px) { .series__afiches { gap: .5625rem; } }
.series__afiche { width: calc((100% - 2 * 1.25rem) / 3); flex-shrink: 0; flex-grow: 0; display: block; }
@media (max-width: 1023px) { .series__afiche { flex: 1 1 0; width: auto; min-width: 0; } }
.series__afiche:nth-child(2) { margin-top: 9.375rem; }
@media (max-width: 1023px) { .series__afiche:nth-child(2) { margin-top: 4.375rem; } }
@media (min-width: 1024px) { .series__afiche:nth-child(3) { margin-top: 4.375rem; } }
.afiche { padding: 1.25rem; background-color: #eaeae3cc; -webkit-backdrop-filter: blur(.9375rem); backdrop-filter: blur(.9375rem); position: relative; container-type: size; overflow: hidden; aspect-ratio: 2 / 3; display: block; }
.afiche picture { display: block; position: absolute; inset: 1.25rem; overflow: hidden; }
.afiche img { display: block; height: 100%; width: 100%; object-fit: cover; transition: transform .5s var(--curva); }
@media (max-width: 1023px) { .afiche { padding: 0; } .afiche picture { inset: 0; aspect-ratio: auto; } }


.modulo--tiempo > a { display: block; }
.tiempo { --base: 4rem; --paso: .75rem; margin-block: 6.25rem; }
@media (max-width: 1023px) { .tiempo { margin-block: 4.375rem 5rem; } }
.tiempo__panel { position: relative; height: 18.75rem; background: #eaeae3; padding: .8125rem 1.125rem 1.25rem; isolation: isolate; }
@media (min-width: 660px) and (max-width: 1023px) { .tiempo__panel { height: auto; } }
@media (max-width: 659px) { .tiempo__panel { height: auto; padding: 1.25rem 1rem; } }
.tiempo__cabeza { position: relative; z-index: 101; display: flex; flex-direction: column; align-items: flex-start; gap: .0625rem; pointer-events: none; }
.tiempo__cabeza > * { pointer-events: auto; }
.tiempo__mas { font: 300 1.375rem/1.17 var(--f-visible); font-stretch: 103%; text-wrap: wrap; letter-spacing: 0; color: #191919; max-width: 29.375rem; cursor: pointer; transition: opacity .25s ease; will-change: opacity; }
@media (hover: hover) { .tiempo__mas:hover { opacity: .72; } }
.tiempo__mas strong { font-weight: 900; font-stretch: 93%; }
.tiempo__mas svg { display: inline-block; width: 1.5rem; height: 1.5rem; vertical-align: -.3125rem; }
@media (min-width: 1024px) { .tiempo__mas { padding-left: .125rem; } }
@media (max-width: 659px) { .tiempo__mas { font-size: 1.125rem; line-height: 1.2; max-width: none; } }
.tiempo__titulo { font: 900 4rem/1 var(--f-visible); font-stretch: 93%; letter-spacing: -.03em; color: #191919; }
@media (min-width: 660px) and (max-width: 1023px) { .tiempo__titulo { font-size: 3rem; line-height: 1.06; } }
@media (max-width: 659px) { .tiempo__titulo { font-size: 2.5rem; line-height: 1.06; } }
.tiempo__grafico { position: absolute; left: 1.125rem; right: 1.125rem; bottom: 1.25rem; display: flex; align-items: flex-end; }
@media (min-width: 660px) and (max-width: 1023px) { .tiempo__grafico { position: static; margin-top: 1.5rem; } }
@media (max-width: 659px) { .tiempo__grafico { position: static; margin-top: 1.125rem; flex-direction: column; align-items: flex-start; } }
.tiempo__era { flex: 1; min-width: 0; position: relative; z-index: calc(100 - var(--i, 0)); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; color: #191919; }
.tiempo__era + .tiempo__era { margin-left: -2rem; }
@media (min-width: 660px) and (max-width: 1023px) { .tiempo__era + .tiempo__era { margin-left: -.875rem; } }
@media (max-width: 659px) { .tiempo__era + .tiempo__era { margin-left: 0; margin-top: -6px; } .tiempo__era { flex: none; width: 100%; } }
.tiempo__rango { font: 400 .75rem/1.2 var(--f-visible); font-stretch: 103%; margin-bottom: .375rem; padding-right: .375rem; }
@media (min-width: 660px) and (max-width: 1023px) { .tiempo__rango { font-size: .625rem; line-height: 1.1; } }
@media (max-width: 659px) { .tiempo__rango { font-size: .6875rem; line-height: 1; position: absolute; left: .625rem; top: calc(50% + 3px); translate: 0 -50%; z-index: 1; margin: 0; padding: 0; color: #fefefe; white-space: nowrap; } .tiempo__rango br { display: none; } .tiempo__era:first-child .tiempo__rango { top: 50%; } }
.tiempo__barra { width: 100%; height: calc(var(--base) + var(--i, 0) * var(--paso)); background: linear-gradient(to right, #0000 72%, #00000038), var(--era); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
@media (min-width: 660px) and (max-width: 1023px) { .tiempo { --base: 2.75rem; --paso: .5625rem; } }
@media (max-width: 659px) { .tiempo__barra { height: 2.125rem; width: calc(42% + var(--i, 0) * 6.4%); } }


.modulo--aprender { margin-block: 11.25rem; }
@media (max-width: 1023px) { .modulo--aprender { margin-block: 5rem; } }
.aprender__collage { position: relative; display: flex; justify-content: flex-end; margin-top: 3.75rem; z-index: 0; }
@media (max-width: 1023px) { .aprender__collage { margin-top: 0; } }
.aprender__foto { position: relative; background-color: #eaeae3; will-change: transform; }
.aprender__foto picture, .aprender__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.aprender__foto--1 { width: 17.8125rem; height: 13.5rem; z-index: 2; margin-top: 4rem; }
@media (max-width: 1023px) { .aprender__foto--1 { width: 10.984375rem; height: 8.22875rem; } }
@media (max-width: 659px) { .aprender__foto--1 { display: none; } }
.aprender__foto--2 { width: 22.5rem; height: 13.125rem; z-index: 1; margin-left: -4.6875rem; }
@media (max-width: 1023px) { .aprender__foto--2 { width: 13.875rem; height: 8rem; } }
@media (min-width: 660px) and (max-width: 1023px) { .aprender__foto--2 { margin-left: -2.5rem; } }
.aprender__carpeta { position: relative; margin-right: -1.875rem; z-index: 3; width: 7.5625rem; height: 6.375rem; }
.aprender__carpeta::before, .aprender__carpeta::after { content: ""; position: absolute; }
.aprender__carpeta::before { inset: 0 10% 16% 8%; background-color: #4a2c44; }
.aprender__carpeta::after { inset: 0; clip-path: polygon(0 11%, 31% 11%, 44% 30%, 100% 30%, 100% 100%, 0 100%); background-color: #eaeae3b3; -webkit-backdrop-filter: blur(.625rem); backdrop-filter: blur(.625rem); }
.aprender__carpeta svg { display: block; position: absolute; right: 0; bottom: 0; z-index: 1; color: #4a2c44; }


.mision { position: relative; z-index: 0; height: 18.75rem; background-color: #191919; color: #fafaf6; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 1.125rem 1.125rem .5625rem; gap: 0; margin-block: 6.25rem; overflow: hidden; }
.modulo--mision .mision { display: flex; }
@media (max-width: 1023px) { .mision { padding: .6875rem .875rem; height: 15rem; margin-block: 4.375rem 5rem; } }
.mision__imagen { position: absolute; inset: 0; z-index: -1; }
.mision__imagen[data-parallax] { inset-block: -5.15625vw; will-change: transform; }
.mision__imagen img { display: block; object-fit: cover; width: 100%; height: 100%; filter: grayscale(1) contrast(.7) brightness(.78) blur(1.5px); }
.mision__imagen::after { content: ""; background: #0000004d; position: absolute; display: block; inset: 0; }
.mision__titulo { font: 900 4rem/.86 var(--f-visible); font-stretch: 93%; letter-spacing: -.02em; max-width: 33.125rem; flex-grow: 0; }
@media (max-width: 1023px) { .mision__titulo { font-size: 1.75rem; line-height: 1; } }
.mision__lead { font: 300 1.75rem/1.1 var(--f-visible); font-stretch: 103%; max-width: 33.75rem; margin-top: .75rem; }
@media (max-width: 1023px) { .mision__lead { font-size: 1rem; line-height: 1.2; margin-top: .3125rem; max-width: 15.6875rem; } }
.mision__enlace { font: 300 1.75rem/1.1 var(--f-visible); font-stretch: 103%; display: flex; gap: .75rem; align-items: center; }
@media (min-width: 1024px) { .mision__enlace { place-self: flex-end; margin-top: auto; } }
@media (max-width: 1023px) { .mision__enlace { font-size: 1rem; line-height: 1.1; gap: .375rem; margin-top: .25rem; } }
@media (hover: hover) { .mision__enlace:hover .flecha-larga-svg path:last-child { scale: .56 1; transform-box: fill-box; transform-origin: left; } .mision__enlace:hover .flecha-larga-svg path:first-child { translate: -16px 0; } }


.modulo--nota { margin-block: 11.25rem; }
@media (max-width: 1023px) { .modulo--nota { margin-block: 5rem; } }
.ficha-nota { position: relative; z-index: 0; display: grid; grid-template: "cuerpo ." 1fr "cuerpo etiqueta" auto "cuerpo nombre" auto / auto 1fr; column-gap: 1.25rem; }
@media (max-width: 1023px) { .ficha-nota { grid-column: span 2; grid-template: "cuerpo" auto / 1fr; } }
.ficha-nota--grande { width: 78.75rem; height: 18.75rem; }
@media (max-width: 1023px) { .ficha-nota--grande { width: 100%; height: 20rem; display: block; } }
.ficha-nota__etiqueta { font: 700 .875rem/1.9285714286 var(--f-visible); font-stretch: 100%; letter-spacing: .15em; text-transform: uppercase; color: #191919; grid-area: etiqueta; }
@media (max-width: 1023px) { .ficha-nota__etiqueta { font-size: .6875rem; line-height: 1.2; position: absolute; bottom: 100%; margin: .625rem .25rem; } }
.ficha-nota__imagen { overflow: hidden; display: block; position: absolute; left: 0; top: 0; width: 48.75rem; height: 18.75rem; z-index: -1; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 300'%3E%3Cpath d='M704 164a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 300'%3E%3Cpath d='M704 164a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.ficha-nota__imagen img { position: absolute; bottom: 0; right: auto; left: 39.5rem; width: 8.875rem; height: 8.875rem; object-fit: cover; transition: scale .4s var(--curva); }
@media (hover: hover) { .ficha-nota:hover .ficha-nota__imagen img { scale: 1.04; } }
@media (max-width: 1023px) {
  .ficha-nota__imagen { width: 100%; height: 20rem; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 320'%3E%3Cpath d='M264 184a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 320'%3E%3Cpath d='M264 184a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: bottom right; mask-position: bottom right; }
  .ficha-nota__imagen img { left: auto; right: .5625rem; }
}
.ficha-nota__cuerpo { position: relative; padding: 1rem; width: 48.75rem; height: 18.75rem; grid-area: cuerpo; color: #eaeae3; overflow: hidden; }
@media (max-width: 1023px) { .ficha-nota__cuerpo { width: 100%; height: 20rem; padding: .75rem; } }
.ficha-nota__cuerpo::before { content: ""; position: absolute; inset: 0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 300'%3E%3Cpath fill-rule='evenodd' d='M0 0h780v300H0z M704 164a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 300'%3E%3Cpath fill-rule='evenodd' d='M0 0h780v300H0z M704 164a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); background: #4a2c44d9; z-index: 0; }
@media (max-width: 1023px) { .ficha-nota__cuerpo::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 320'%3E%3Cpath fill-rule='evenodd' d='M0 0h340v320H0z M264 184a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 320'%3E%3Cpath fill-rule='evenodd' d='M0 0h340v320H0z M264 184a60 60 0 1 0 .001 0z' fill='white'/%3E%3C/svg%3E"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: bottom right; mask-position: bottom right; } }
.ficha-nota__texto { font: 700 1.875rem/1.1 var(--f-sistema); letter-spacing: -.02em; padding-right: 3%; position: relative; max-width: 33.125rem; }
.ficha-nota__texto.es-larga { font-size: 1.625rem; }
@media (max-width: 1023px) { .ficha-nota__texto { font-size: 1.375rem; max-width: 25rem; } .ficha-nota__texto.es-larga { font-size: 1.25rem; } }
.ficha-nota__nombre { font: 800 1.6875rem/1 var(--f-visible); font-stretch: 97%; letter-spacing: -.01em; grid-area: nombre; }
@media (max-width: 1023px) { .ficha-nota__nombre { font-size: 1.5625rem; line-height: 1; color: #eaeae3; margin: 1rem; position: absolute; left: 0; bottom: 0; max-width: 50%; } }


.mosaico--recorte .grande .encabezado__lead { max-width: 37rem; }
.ficha-coleccion { display: flex; background: linear-gradient(180deg, #eaeae3d9, #eaeae36c); border-bottom-right-radius: 1.25rem; height: 18.75rem; flex-direction: column; position: relative; justify-content: flex-start; align-items: flex-start; z-index: 0; width: 18.75rem; }
@media (max-width: 659px) { .ficha-coleccion { height: 13.25rem; width: 100%; } }
@media (min-width: 660px) and (max-width: 1023px) { .ficha-coleccion { width: 100%; } }
.ficha-coleccion::before { content: ""; position: absolute; inset: 0; border-bottom-right-radius: inherit; z-index: -1; scale: .18; transition: scale .4s var(--curva), filter .4s ease, opacity .4s ease; transform-origin: left bottom; opacity: 0; will-change: transform, opacity; }
.ficha-coleccion--azul::before { background: #3d5c6f; }
.ficha-coleccion--roja::before { background: #710003; }
.ficha-coleccion--ciruela::before { background: #4a2c44; }
.ficha-coleccion--amarilla::before { background: #df9b07; }
.ficha-coleccion__titulo { font: 800 1.6875rem/1 var(--f-visible); font-stretch: 97%; letter-spacing: -.01em; text-wrap: unset; margin: .75rem auto 0 1rem; max-width: 15.25rem; flex-grow: 0; flex-shrink: 1; transition: color 0s linear .1s; }
@media (max-width: 1023px) { .ficha-coleccion__titulo { font-size: 1rem; line-height: 1; margin: .625rem auto 0 .625rem; } }
.ficha-coleccion__descripcion { font: 300 1.0625rem/1.08 var(--f-visible); font-stretch: 103%; letter-spacing: -.03em; position: relative; padding-inline: 1rem 0; pointer-events: none; place-self: flex-start flex-start; margin-block: 0 auto; padding-top: .625rem; opacity: 1; z-index: 1; max-width: 13.5rem; text-wrap: unset; transition: color 0s linear .15s; }
@media (max-width: 1023px) { .ficha-coleccion__descripcion { font-size: .75rem; line-height: 1.2; padding-inline: .625rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-bottom: auto; } }
.ficha-coleccion__numero { height: 3.75rem; display: inline-flex; align-items: center; margin-top: auto; margin-bottom: 0; transition: color 0s linear .3s; }
@media (max-width: 1023px) { .ficha-coleccion__numero { height: 2.5rem; } }
.ficha-coleccion__numero strong { font: 900 1.3125rem/2.8571428571 var(--f-visible); font-stretch: 93%; letter-spacing: -.04em; min-width: 3.75rem; padding-inline: .375rem; text-align: center; position: relative; border-right: 1px solid #C53633; display: inline-flex; align-items: center; justify-content: center; height: 100%; }
@media (max-width: 1023px) { .ficha-coleccion__numero strong { font-size: .875rem; min-width: 2.5rem; } }
.ficha-coleccion__numero strong::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #191919; opacity: .05; transition: opacity .4s ease; z-index: -1; }
.ficha-coleccion__numero span { font: 300 1.0625rem/3.5294117647 var(--f-visible); font-stretch: 103%; letter-spacing: -.03em; padding-left: .875rem; }
@media (max-width: 1023px) { .ficha-coleccion__numero span { font-size: .6875rem; line-height: 3.6363636364; padding-left: .5625rem; } }
.ficha-coleccion__puntos { display: inline-flex; position: absolute; right: 0; bottom: 0; margin: .75rem; }
.ficha-coleccion__punto { width: 1.875rem; height: 1.875rem; border-radius: 50%; display: inline-block; opacity: .85; position: absolute; right: 0; bottom: 0; transition: opacity .4s ease, translate .4s var(--curva), background-color 0s linear .3s; }
.ficha-coleccion__punto:nth-last-child(2) { translate: -1.375rem 0; }
.ficha-coleccion__punto:nth-last-child(3) { translate: -2.75rem 0; }
@media (max-width: 1023px) { .ficha-coleccion__punto { width: 1rem; height: 1rem; } .ficha-coleccion__punto:nth-last-child(2) { translate: -.75rem 0; } .ficha-coleccion__punto:nth-last-child(3) { translate: -1.5rem 0; } }
.fondo-azul { background-color: #1e425a; } .fondo-rojo { background-color: #c53633; } .fondo-amarillo { background-color: #df9b07; } .fondo-burdeos { background-color: #710003; } .fondo-ciruela { background-color: #4a2c44; }
@media (hover: hover) {
  .ficha-coleccion:hover::before { scale: 1; opacity: 1; }
  .ficha-coleccion:hover .ficha-coleccion__punto { background: #eaeae3; translate: 0 0; opacity: 1; transition-delay: 0s, 0s, .05s; }
  .ficha-coleccion:hover .ficha-coleccion__numero { transition-delay: .05s; }
  .ficha-coleccion:hover .ficha-coleccion__descripcion { transition-delay: .15s; }
  .ficha-coleccion:hover .ficha-coleccion__titulo { transition-delay: .25s; }
  .ficha-coleccion:hover .ficha-coleccion__numero strong { border-right-color: currentColor; }
  .ficha-coleccion:hover .ficha-coleccion__numero strong::before { opacity: .2; }
  .ficha-coleccion--azul:hover, .ficha-coleccion--roja:hover, .ficha-coleccion--ciruela:hover { color: #eaeae3; }
}


.modulo--emociones { margin-block: 5rem; }
@media (max-width: 1023px) { .modulo--emociones { margin-block: 5rem 3.125rem; } }
.emociones { position: relative; color: #eaeae3; padding: 1.125rem; }
@media (max-width: 1023px) { .emociones { height: 15.375rem; padding: .9375rem var(--margen) .6875rem; } }
.emociones__titulo { font: 900 4rem/.86 var(--f-visible); font-stretch: 93%; letter-spacing: -.02em; max-width: 80%; height: 6.875rem; position: relative; z-index: 2; text-wrap: balance; will-change: transform, opacity; }
@media (max-width: 1023px) { .emociones__titulo { font-size: 1.75rem; line-height: 1; letter-spacing: -.02em; max-width: 100%; height: auto; } }
.emociones__titulo.es-entra { animation: emociones-texto-entra .45s var(--curva) both; }
.emociones__titulo.es-sale { animation: emociones-texto-sale .25s var(--curva) both; }
.emociones::after { content: ""; display: block; position: absolute; inset: 0; -webkit-backdrop-filter: blur(.625rem); backdrop-filter: blur(.625rem); z-index: 0; pointer-events: none; }
@media (max-width: 1023px) { .emociones::after { -webkit-backdrop-filter: blur(.1875rem); backdrop-filter: blur(.1875rem); } }
.emociones__fondos { position: absolute; inset: 0; z-index: 1; opacity: .85; pointer-events: none; }
.emociones__fondo { position: absolute; inset: 0; z-index: 0; background: #2f317a; opacity: 0; will-change: opacity; transition: opacity .2s linear .6s; }
.emociones__fondo.es-actual { z-index: 1; opacity: 1; transition: opacity .6s var(--curva); }
.emociones__fondo--emocion { background: #c53633; }
.emociones__fondo--esperanza { background: #8a4a2b; }
.emociones__fondo--favorito { background: #2f317a; }
.emociones__fondo--mirada { background: #b32d00; }
.emociones__iconos { display: flex; gap: .3125rem; margin-top: 2.25rem; height: 7.5rem; }
@media (max-width: 1023px) { .emociones__iconos { height: 4.375rem; margin-top: 0; position: absolute; left: var(--margen); right: var(--margen); bottom: .6875rem; justify-content: space-between; align-items: center; } .emociones__iconos:not(.emociones__iconos--arriba) { display: contents; } }
.emociones__iconos--arriba { z-index: 3; position: absolute; bottom: 1.25rem; pointer-events: none; margin-inline: -1.25rem; padding-inline: 1.25rem; background: #fafaf6; clip-path: circle(3.75rem at var(--indicador, 5rem) 50%); transition: clip-path .5s cubic-bezier(.34, 1.4, .64, 1); }
@media (max-width: 1023px) { .emociones__iconos--arriba { margin-inline: 0; padding-inline: .3125rem; left: var(--margen); right: var(--margen); bottom: .6875rem; clip-path: circle(2.1875rem at var(--indicador, 2.1875rem) 50%); } }
.emociones__icono { width: 7.5rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1023px) { .emociones__icono--visual { width: 3.75rem; height: 3.75rem; display: none; } .emociones__icono--visual.es-actual { display: flex; } .emociones__icono--gatillo { position: absolute; inset: 0; width: auto; height: auto; opacity: 0; pointer-events: none; } .emociones__icono--gatillo.es-actual { pointer-events: auto; } }
.emociones__icono svg { width: 6.25rem; height: 6.25rem; display: block; color: #191919; fill: currentColor; }
@media (max-width: 1023px) { .emociones__icono svg { width: 3.5625rem; height: 3.5625rem; } }
.emociones__icono.esta-animando .ico-emocion { animation: emociones-latido 1.1s ease-in-out 1 both; }
.emociones__icono.esta-animando .ico-esperanza { animation: emociones-sube 1.6s ease-in-out 1 both; }
.emociones__icono.esta-animando .ico-favorito { transform-origin: 30% 70%; animation: emociones-gusta 1.4s ease-in-out 1 both; }
.emociones__icono.esta-animando .ico-mirada { transform-origin: 35% 60%; animation: emociones-grito 1.5s ease-in-out 1 both; }
.emociones__cuenta { position: absolute; right: 0; bottom: 0; font: 300 1.75rem/1.1 var(--f-visible); font-stretch: 103%; z-index: 2; margin: .75rem 1rem; display: flex; align-items: center; gap: .4375rem; }
@media (max-width: 1023px) { .emociones__cuenta { position: relative; inset: auto; margin-inline: 0; font-size: .995rem; line-height: 1.1; letter-spacing: 0; } }
.emociones__texto { display: inline-block; }
.emociones__texto.es-entra { animation: emociones-texto-entra .45s var(--curva) .12s both; }
.emociones__texto.es-sale { animation: emociones-texto-sale .25s var(--curva) both; }
@keyframes emociones-latido { 0%, 60%, to { scale: 1; } 15% { scale: 1.18; } 35% { scale: 1.02; } 45% { scale: 1.12; } }
@keyframes emociones-gusta { 0%, to { rotate: 0deg; } 30% { rotate: -14deg; } 55% { rotate: 7deg; } }
@keyframes emociones-sube { 0%, to { translate: 0 0; } 50% { translate: 0 -2px; } }
@keyframes emociones-grito { 0%, to { scale: 1; rotate: 0deg; } 30% { scale: 1.1; rotate: -6deg; } 60% { scale: 1.04; rotate: 3deg; } }
@keyframes emociones-texto-entra { 0% { opacity: 0; translate: 0 .625rem; } to { opacity: 1; translate: 0 0; } }
@keyframes emociones-texto-sale { to { opacity: 0; translate: 0 -.5rem; } }


.ficha-nov { display: flex; flex-direction: column; width: 13.75rem; }
@media (max-width: 1023px) { .ficha-nov { width: 100%; } }
.ficha-nov__imagen { background: #eaeae3; aspect-ratio: 220 / 240; overflow: hidden; margin-bottom: 1rem; position: relative; }
.ficha-nov__imagen img { width: 100%; height: 100%; object-fit: cover; display: block; transition: scale .4s var(--curva); }
@media (hover: hover) { .ficha-nov__imagen img { will-change: transform; } .ficha-nov:hover .ficha-nov__imagen img { scale: 1.025; } }
.ficha-nov__contenido { flex: 1; min-width: 0; }
.ficha-nov__titulo { font: 300 1.0625rem/1.08 var(--f-visible); font-stretch: 103%; margin-bottom: .5625rem; text-wrap: pretty; }
.ficha-nov__fecha { font: 700 1rem/1 var(--f-visible); font-stretch: 100%; letter-spacing: -.01em; }


.pie { z-index: 2; font-size: .625rem; line-height: 2.4; position: relative; max-width: 100vw; overflow: hidden; margin-top: 5rem; }
.pie__envoltura { display: flex; justify-content: space-between; position: relative; z-index: 0; }
.pie__envoltura--alta { background: #eaeae3; min-height: 29.875rem; padding: 1.25rem; }
@media (min-width: 660px) and (max-width: 1023px) { .pie__envoltura--alta { min-height: 21.25rem; } }
@media (max-width: 659px) { .pie__envoltura--alta { flex-direction: column; padding: .8125rem .6875rem .9375rem; min-height: 28.875rem; } }
.pie__envoltura--sub { font-size: .8125rem; line-height: 1.5; justify-content: flex-start; align-items: flex-end; gap: 1.1875rem; padding-block: 4.5rem .875rem; color: #3b3b3b; }
.pie__envoltura--sub a { font-weight: 600; transition: opacity .25s ease; }
@media (hover: hover) { .pie__envoltura--sub a:hover { opacity: .6; } }
@media (max-width: 1023px) { .pie__envoltura--sub { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: .75rem 1.25rem; padding-top: 1.3125rem; padding-inline: .1875rem; } .pie__envoltura--sub .pie__creditos { grid-column: 1 / -1; margin-left: 0; } }
.pie__apoyo { font: 400 1rem/1.2 var(--f-sistema); display: flex; align-items: center; flex-wrap: wrap; width: 100%; height: 3.75rem; gap: .5rem 1rem; padding: .5rem 1.25rem .75rem; background: #191919; color: #eaeae3; border-radius: 0 0 1.25rem 1.25rem; }
.pie__apoyo span { max-width: 37rem; }
@media (max-width: 1023px) { .pie__apoyo { font-size: .8125rem; line-height: 1.2; height: auto; padding: .6875rem 1.25rem .9375rem; } }
@media (max-width: 659px) { .pie__apoyo { padding-inline: 1rem; } }
.pie__colofon { font: 700 .8125rem/1.15 var(--f-sistema); gap: .625rem; letter-spacing: 0; }
@media (min-width: 1024px) { .pie__colofon { flex-shrink: 0; white-space: nowrap; } }
@media (max-width: 1023px) { .pie__colofon { font-size: .75rem; } }
.pie__nav { font: 400 .8125rem/1.15 var(--f-sistema); display: flex; white-space: nowrap; gap: .875rem; }
.pie__nav a { font-weight: 400; }
@media (max-width: 1023px) { .pie__nav { font-size: .75rem; flex-direction: column; gap: 1rem; padding-top: .125rem; } }
.pie__creditos { font: 400 .8125rem/1.15 var(--f-sistema); margin-left: auto; letter-spacing: 0; vertical-align: bottom; }
@media (min-width: 1024px) { .pie__creditos { flex-shrink: 0; white-space: nowrap; } }
@media (max-width: 1023px) { .pie__creditos { padding-top: .625rem; } }
.pie__creditos a { font-weight: 700; }
.pie__redes { font: 700 .9375rem/1.3333333333 var(--f-visible); font-stretch: 100%; letter-spacing: -.01em; display: flex; flex-direction: column; text-align: right; margin-top: -.125rem; }
@media (max-width: 659px) { .pie__redes { font-size: .75rem; line-height: .9166666667; letter-spacing: 0; margin-top: 0; padding-inline: .25rem; } .pie__redes ul { display: flex; flex-direction: row; justify-content: space-between; } }
.pie__nav a, .pie__redes a { transition: opacity .2s; will-change: opacity; }
@media (hover: hover) { .pie__nav a:hover, .pie__redes a:hover, .pie__apoyo a:hover { opacity: .6; } }
.pie__collage { position: absolute; bottom: 0; right: 0; pointer-events: none; width: 42.125rem; aspect-ratio: 42.125 / 23.5; z-index: -1; }
@media (min-width: 660px) and (max-width: 1023px) { .pie__collage { width: 29.0625rem; right: 0; bottom: 0; } }
@media (max-width: 659px) { .pie__collage { width: 17.1875rem; right: 2.25rem; bottom: 2.375rem; } }
.pie__collage .col { position: absolute; margin: 0; padding: 2.4%; background: #f5f5ef; box-shadow: 0 .4rem 1.1rem rgba(25, 25, 25, .14); }
.pie__collage .col img { width: 100%; height: auto; object-fit: cover; }
.col--1 { left: 0; top: 44.7%; width: 27.1%; rotate: -1.5deg; }
.col--2 { left: 29.2%; top: 23.8%; width: 18.5%; rotate: 1deg; }
.col--3 { left: 15.2%; top: 29.4%; width: 17.8%; rotate: -.5deg; z-index: 1; }
.col--4 { left: 72.2%; top: 23.4%; width: 16.6%; rotate: 1.5deg; }
.col--5 { left: 51%; top: 0; width: 27.1%; rotate: 0deg; z-index: 2; }
.col--6 { left: 30.9%; top: 57.4%; width: 29.9%; rotate: -1deg; z-index: 1; }
.col--7 { left: 66.9%; top: 52.3%; width: 29%; rotate: 1deg; z-index: 2; }

.boletin { display: flex; flex-direction: column; height: 100%; width: 100%; min-height: 27rem; }
@media (min-width: 660px) and (max-width: 1023px) { .boletin { min-height: 18.75rem; } }
@media (max-width: 659px) { .boletin { gap: .625rem; min-height: unset; flex-grow: 1; } }
@media (min-width: 660px) { .boletin__contenido { flex-grow: 1; } }
.boletin__titulo { font: 100 4rem/.71875 var(--f-visible); font-stretch: 104%; letter-spacing: -.03em; margin-top: .125rem; }
.boletin__titulo strong { font-weight: 900; font-stretch: 93%; }
@media (max-width: 1023px) { .boletin__titulo { font-size: 2.25rem; line-height: .74; letter-spacing: -.02em; font-weight: 900; font-stretch: 93%; } }
.boletin__descripcion { font: 700 .9375rem/1 var(--f-visible); font-stretch: 100%; margin-top: .625rem; }
@media (max-width: 1023px) { .boletin__descripcion { line-height: 1.17; font-weight: 300; font-stretch: 103%; letter-spacing: .02em; margin-top: .75rem; max-width: 16.4375rem; } }
.boletin__campos { border: none; padding: 0; margin: 0; }
.boletin__fila { display: flex; align-items: center; max-width: 32.75rem; position: relative; }
.boletin__entrada { flex: 1; }
.boletin__entrada input { font: 900 1.25rem/.9 var(--f-visible); font-stretch: 93%; display: block; width: 100%; max-width: 32.75rem; background: #fafaf6cc; padding: .75rem 1.25rem; height: 3.75rem; border-radius: 9999px; -webkit-backdrop-filter: blur(.3125rem); backdrop-filter: blur(.3125rem); outline: none; }
@media (max-width: 1023px) { .boletin__entrada input { font-size: .9375rem; line-height: 1; font-weight: 700; height: 3.125rem; padding-inline: 1.0625rem; } }
.boletin__entrada input::placeholder { color: currentColor; opacity: 1; transition: opacity .2s ease; }
.boletin__entrada input:focus::placeholder { opacity: 0; }
.boletin__entrada input:focus-visible { outline: 2px solid #191919; outline-offset: 2px; }
.boletin__boton { flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: #191919; position: absolute; right: 1.25rem; }
.boletin__boton svg { width: 2.5rem; height: 2.5rem; }
@media (max-width: 1023px) { .boletin__boton { right: .5rem; } }
.boletin__error { font: 700 .75rem/1 var(--f-sistema); color: #c53633; padding: .75rem 0; position: absolute; bottom: 100%; }
.boletin__error:empty { display: none; }
@media (max-width: 1023px) { .boletin__error { bottom: auto; top: 100%; } }
.boletin__mensaje { margin-top: 1.2rem; font: 400 1.4rem/1.2 var(--f-visible); }
.boletin__mensaje:empty { display: none; }
@media (max-width: 1023px) { .boletin__mensaje { font-size: .9375rem; line-height: 1; margin-top: .625rem; } }


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .pildora, .pildora__cuerpo::before, .pildora__mancha { animation: none !important; }
  .rotor { clip-path: none !important; }
}