@property --hero-avance{syntax:"<number>";inherits:true;initial-value:0}@property --entra{syntax:"<number>";inherits:true;initial-value:0}@property --sale{syntax:"<number>";inherits:true;initial-value:1}@property --llegada{syntax:"<number>";inherits:true;initial-value:0}@property --salida{syntax:"<number>";inherits:true;initial-value:0}@property --i{syntax:"<number>";inherits:true;initial-value:0}.hero-pista{height:calc(3 * var(--alto-estable,100svh));margin-top:calc(-1 * var(--barra-alto,6rem));--hero-avance:0}@media (max-width:640px){.hero-pista{height:calc(2.3 * var(--alto-estable,100svh))}}.hero-fijo{height:var(--alto-estable,100svh);position:sticky;top:0;overflow:hidden}@media (max-width:1023px){.hero-pista{overflow:clip}.hero-fijo{box-shadow:0 6rem 0 0 rgb(var(--hero-velo))}}.hero-fondo{pointer-events:none;background:radial-gradient(46rem 34rem at 88% -6%, var(--hero-tinte-a), transparent 62%), radial-gradient(40rem 30rem at 4% 34%, var(--hero-tinte-b), transparent 64%);position:absolute;inset:0}:root{--hero-tinte-a:#ffe1ec8c;--hero-tinte-b:#ffe8c280;--hero-velo:255, 255, 255}html[data-tema=oscuro]{--hero-tinte-a:#881e1e4d;--hero-tinte-b:#784e1a47;--hero-velo:20, 16, 14}.hero-capa{pointer-events:none;position:absolute;inset:0}.hero-escena{--llegada:clamp(0, calc((var(--entra) - .16 - var(--hero-avance)) / .06), 1);--salida:clamp(0, calc((var(--hero-avance) - var(--sale)) / .06), 1);opacity:clamp(0, min(calc((var(--hero-avance) - var(--entra) + .22) / .06), calc((var(--sale) + .06 - var(--hero-avance)) / .06)), 1);transform:translate3d(0, calc(var(--salida) * -2.5rem), 0);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hero-pista[data-escena="1"] .hero-escena--uno a{pointer-events:auto}.hero-titular{flex-direction:column;display:flex}.hero-linea{margin:-.26em -.06em -.22em;padding:.26em .06em .22em;display:block;overflow:hidden}.hero-linea>span{transform:translate3d(0, calc(var(--llegada) * (118% + var(--i) * 26%)), 0);display:block}.hero-rejilla{--hero-lineas:3;--hero-hueco:calc(2rem + var(--hero-lineas) * var(--hero-titular-tam) * .88);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--hero-hueco), auto) minmax(0, 1fr) auto;padding-top:calc(var(--barra-alto,6rem) + .5rem);column-gap:2rem;display:grid}@media (min-width:1024px){.hero-rejilla{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.hero-bloque{transform:translate3d(0, calc(var(--llegada) * (3rem + var(--i) * 1rem)), 0)}.hero-titular{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--hero-titular-tam);letter-spacing:-.005em;line-height:.88}.hero-dato{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;line-height:.95}.hero-cita{font-family:var(--font-body);letter-spacing:-.01em;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:400;line-height:1.45}.hero-cifra{font-family:var(--font-display);letter-spacing:.14em;font-size:clamp(.75rem,1.5vw,.95rem)}.hero-compromiso{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400;line-height:1.1}.hero-fijo{--hero-titular-tam:clamp(2.4rem, min(7.5vw, calc(.105 * var(--alto-estable,100svh))), 6rem);--hero-banda:calc(var(--barra-alto,4.5rem) + 3.25rem + 3 * var(--hero-titular-tam) * .88);--hero-pie-alto:8.75rem;--hero-libre:max(8rem, calc(var(--alto-estable,100svh) - var(--hero-banda) - var(--hero-pie-alto)));--hero-util:calc(var(--alto-estable,100svh) - var(--barra-alto,4.5rem))}.hero-fijo .hero-plush{--silueta-ancho:.785;--silueta-alto:.794;--silueta-centro:.0563;--hero-lado:min(calc(1.024 * var(--hero-libre) / var(--silueta-alto)), calc(102vw / var(--silueta-ancho)));height:var(--hero-lado);aspect-ratio:1;z-index:0;pointer-events:none;left:50%;top:calc(var(--hero-banda) + .5 * var(--hero-libre) - var(--silueta-centro) * var(--hero-lado));position:absolute;transform:translate(-50%,-50%)}@media (min-width:700px){.hero-fijo{--hero-pie-alto:9.5rem}.hero-fijo .hero-plush{--hero-lado:min(calc(1.024 * var(--hero-libre) / var(--silueta-alto)), calc(69vw / var(--silueta-ancho)))}}@media (min-width:1024px){.hero-fijo .hero-plush{--hero-lado:min(calc(.8575 * var(--hero-util) / var(--silueta-alto)), calc(42.4vw / var(--silueta-ancho)));top:calc(var(--barra-alto,6rem) + .415 * var(--hero-util))}}@media (min-width:1280px){.hero-fijo .hero-plush{--hero-lado:min(calc(.8575 * var(--hero-util) / var(--silueta-alto)), calc(51vw / var(--silueta-ancho)))}}@media (max-height:520px){.hero-fijo{--hero-pie-alto:8rem;--hero-libre:max(0px, calc(var(--alto-estable,100svh) - var(--hero-banda) - var(--hero-pie-alto)))}}.hero-plush--frente{z-index:20}.hero-plush__float{width:100%;height:100%;animation:9s ease-in-out infinite hero-plush-drift}@media (max-width:640px){.hero-plush__float{animation:none}}.hero-plush__capa{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hero-plush__lienzo{animation:.3s both hero-plush-entrar}@keyframes hero-plush-entrar{0%{opacity:0}to{opacity:1}}.hero-plush__poster{transition:opacity .2s .35s}.hero-plush__poster.is-oculto{opacity:0}.hero-pie{background:linear-gradient(to bottom, rgba(var(--hero-velo), 0) 0%, rgba(var(--hero-velo), 0) 62%, rgba(var(--hero-velo), .8) 73%, rgba(var(--hero-velo), .97) 84%, rgba(var(--hero-velo), 1) 100%)}.corridor-veil{background:linear-gradient(to bottom, rgb(var(--hero-velo)) 0%, rgb(var(--hero-velo)) 15%, rgba(var(--hero-velo), .6) 27%, rgba(var(--hero-velo), 0) 37%, rgba(var(--hero-velo), 0) 68%, rgba(var(--hero-velo), .65) 79%, rgb(var(--hero-velo)) 91%, rgb(var(--hero-velo)) 100%)}@media (max-width:640px){.corridor-veil{background:linear-gradient(to bottom, rgb(var(--hero-velo)) 0%, rgb(var(--hero-velo)) 13%, rgba(var(--hero-velo), .62) 25%, rgba(var(--hero-velo), 0) 35%, rgba(var(--hero-velo), 0) 76%, rgba(var(--hero-velo), .62) 86%, rgb(var(--hero-velo)) 94%, rgb(var(--hero-velo)) 100%)}}@keyframes hero-plush-drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.hero-linea>span,.hero-bloque,.hero-escena{transform:none!important}.hero-plush__float{animation:none!important}.hero-escena{opacity:clamp(0, min(calc((var(--hero-avance) - var(--entra) + .16) / .03), calc((var(--sale) + .14 - var(--hero-avance)) / .03)), 1)!important}}.hero-plush__agarre{left:50%;top:calc(50% + var(--silueta-centro) * 100%);width:calc(var(--silueta-ancho) * 81.5%);height:calc(var(--silueta-alto) * 93%);clip-path:ellipse(50% 50%);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.hero-plush__agarre.is-activo{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none}.hero-plush__agarre[data-agarrado]{cursor:grabbing}.hero-plush__pista{left:50%;top:calc(50% + (var(--silueta-centro) + var(--silueta-alto) / 2) * 100% - 4%);background:var(--color-on-surface);color:var(--color-surface);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;z-index:1;opacity:0;pointer-events:none;border-radius:2px;padding:.3rem .6rem;font-size:.7rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,.4rem)}.hero-plush__agarre.is-activo:hover:not([data-agarrado])~.hero-plush__pista{opacity:1;transform:translate(-50%)}
.indice__lista{border-bottom:1px solid var(--color-outline)}.indice__linea{inset-inline:0;background:var(--color-outline);height:1px;position:absolute;top:0}.indice .line-mask{margin-top:-.26em;padding-top:.26em}.indice__titulo{letter-spacing:-.005em;transition:transform .7s var(--ease-out-expo), color .4s ease;font-size:clamp(2rem,8vw,6.75rem);line-height:.9}.indice__flecha{transition:background-color .45s var(--ease-out-expo), border-color .45s var(--ease-out-expo), color .45s var(--ease-out-expo), transform .6s var(--ease-out-expo)}.indice__fila:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:2px}.indice__fila:hover .indice__titulo,.indice__fila:focus-visible .indice__titulo{color:var(--color-brand)}.indice__fila:hover .indice__flecha,.indice__fila:focus-visible .indice__flecha{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand);transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.indice__fila:hover .indice__titulo{transform:translate(1.5rem)}.indice__lista:hover .indice__fila:not(:hover){opacity:.35}.indice__fila{transition:opacity .5s var(--ease-out-expo)}.indice__miniatura{display:none}}.indice__vista{z-index:10;aspect-ratio:4/5;background:var(--color-surface-container);width:17rem;box-shadow:7px 7px 0 0 var(--color-on-surface);pointer-events:none;visibility:hidden;opacity:0;border-radius:3px;position:absolute;top:0;left:0;overflow:hidden}@media not ((hover:hover) and (pointer:fine)){.indice__vista{display:none}}@media (prefers-reduced-motion:reduce){.indice__titulo,.indice__flecha,.indice__fila{transition:none!important}.indice__fila:hover .indice__titulo{transform:none}.indice__vista{display:none}}
.cinta{border-block:1px solid var(--color-outline);background:var(--color-surface);padding-block:1.4rem;overflow:hidden}@media (min-width:640px){.cinta{padding-block:1.9rem}}.cinta__pista{will-change:transform;width:max-content;animation:42s linear infinite cinta-avance;display:flex}.cinta__grupo{flex-shrink:0;align-items:center;display:flex}.cinta__item{align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding-right:clamp(1.25rem,3vw,2.5rem);display:inline-flex}.cinta__texto{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;color:var(--color-on-surface);font-size:clamp(2.5rem,6.5vw,5.25rem);line-height:1}.cinta__texto--hueco{color:#0000;-webkit-text-stroke:1.5px var(--color-on-surface)}.cinta__corazon{width:clamp(1.1rem,2.4vw,1.9rem);height:auto;color:var(--color-brand);flex-shrink:0}@keyframes cinta-avance{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.cinta__pista{animation:none}}
.intro{z-index:90;position:fixed;inset:0}.intro[data-terminada],html:not([data-motion]) .intro{display:none}.intro-home{--intro-granate:#880808;--intro-lino:#fdeee6;--intro-ambar:#ffd6a3;--intro-curva:cubic-bezier(.76, 0, .24, 1);--intro-trazo:cubic-bezier(.65, 0, .35, 1);cursor:pointer;touch-action:none;overscroll-behavior:contain;animation:0s linear 3.35s forwards intro-home-oculta,0s linear 4.5s forwards intro-home-fin}@keyframes intro-home-oculta{to{visibility:hidden;pointer-events:none}}@keyframes intro-home-fin{to{visibility:hidden}}.intro-home__capa,.intro-home__telon{will-change:transform;position:absolute;inset:0}.intro-home__capa{background:var(--intro-lino);animation:intro-home-capa 1s var(--intro-curva) 2.55s forwards}.intro-home__telon{background:var(--intro-granate);animation:intro-home-telon 1s var(--intro-curva) 2.35s forwards;justify-content:center;align-items:center;display:flex}.intro-home__telon:after,.intro-home__capa:after{content:"";background:inherit;transform-origin:top;border-radius:0 0 50% 50%/0 0 100% 100%;height:20vh;position:absolute;top:100%;left:-10%;right:-10%;transform:scaleY(0)}.intro-home__telon:after{animation:intro-home-curva 1s var(--intro-curva) 2.35s}.intro-home__capa:after{animation:intro-home-curva 1s var(--intro-curva) 2.55s}@keyframes intro-home-telon{to{transform:translateY(calc(-100% - 20vh))}}@keyframes intro-home-capa{to{transform:translateY(calc(-100% - 20vh))}}@keyframes intro-home-curva{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{transform:scaleY(0)}}.intro-home__centro{flex-direction:column;align-items:center;animation:.7s cubic-bezier(.7,0,.84,0) 2.2s forwards intro-home-centro;display:flex}@keyframes intro-home-centro{to{opacity:0;transform:translateY(-7vh)scale(.94)}}.intro-home__logo{width:min(64vw,18rem);height:auto;overflow:visible}.intro-home__logo path{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:1.15px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.intro-home__marca path{animation:intro-home-trazo 1.1s var(--intro-trazo) calc(.15s + var(--d) * .14s) forwards, intro-home-relleno .55s ease-out calc(1.05s + var(--d) * 80ms) forwards}.intro-home__mailof path{animation:intro-home-trazo .85s var(--intro-trazo) calc(.55s + var(--d) * 80ms) forwards, intro-home-relleno .5s ease-out calc(1.25s + var(--d) * 60ms) forwards}.intro-home__foryou path{animation:intro-home-trazo .6s var(--intro-trazo) calc(1s + var(--d) * 50ms) forwards, intro-home-relleno .45s ease-out calc(1.45s + var(--d) * 40ms) forwards}@keyframes intro-home-trazo{to{stroke-dashoffset:0}}@keyframes intro-home-relleno{to{fill-opacity:1;stroke-opacity:0}}.intro-home__marca{transform-box:fill-box;transform-origin:50% 60%;animation:.7s ease-in-out 1.6s intro-home-latido}@keyframes intro-home-latido{30%{transform:scale(1.09)}60%{transform:scale(.97)}}.intro-home__lema{color:var(--intro-ambar);font-family:var(--font-body);letter-spacing:.32em;text-transform:uppercase;text-align:center;opacity:0;margin-top:1.6rem;font-size:.68rem;font-weight:600;animation:.9s cubic-bezier(.22,1,.36,1) 1.5s forwards intro-home-lema}@keyframes intro-home-lema{0%{opacity:0;letter-spacing:.62em}to{opacity:1;letter-spacing:.32em}}.intro-saltar{z-index:2;color:#ffffffd9;font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;opacity:0;border:1px solid #ffffff47;border-radius:2px;padding:.55rem 1rem;font-size:.62rem;font-weight:600;animation:.5s ease-out .6s forwards intro-home-aviso-entra,.3s ease-in 2.15s forwards intro-home-aviso-sale;position:absolute;bottom:1.25rem;right:1.25rem}@keyframes intro-home-aviso-entra{to{opacity:1}}@keyframes intro-home-aviso-sale{0%{opacity:1}to{opacity:0}}html[data-motion]:has(.intro-home:not([data-terminada])) .hero-escena--uno .hero-linea>span{animation:intro-home-hero-linea 1.2s cubic-bezier(.22, 1, .36, 1) calc(2.75s + var(--i,0) * .1s) backwards}html[data-motion]:has(.intro-home:not([data-terminada])) .hero-escena--uno .hero-bloque{animation:intro-home-hero-bloque 1s cubic-bezier(.22, 1, .36, 1) calc(3s + var(--i,0) * 80ms) backwards}html[data-motion]:has(.intro-home:not([data-terminada])) .hero-fijo .hero-plush{animation:.9s ease-out 2.6s backwards intro-home-hero-figura}@keyframes intro-home-hero-linea{0%{transform:translateY(125%)}}@keyframes intro-home-hero-bloque{0%{opacity:0;translate:0 1.25rem}}@keyframes intro-home-hero-figura{0%{opacity:0}}
