.hero{position:relative;overflow:hidden}.hero__texto{z-index:var(--z-raised);padding-block:var(--space-7) var(--space-2);position:relative}.hero__titulo{font-size:var(--text-5xl);line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-wrap:balance}.hero__bajada{line-height:var(--leading-relaxed);margin-block-start:var(--space-5)}.hero__acciones{align-items:center;gap:var(--space-4) var(--space-7);flex-wrap:wrap;margin-block-start:var(--space-7);display:flex}.hero__senales{margin-block-start:var(--space-6)}.hero__estado{max-width:32em;font-size:var(--text-sm);color:var(--color-text-muted);margin-block-start:var(--space-5);font-style:italic}.hero__escena{aspect-ratio:16/10;width:120%;margin-block-start:var(--space-6);margin-inline-start:-20%;position:relative}.hero__plancha,.hero__expresion,.hero__mundo{position:absolute}.hero__plancha,.hero__expresion{width:100%;height:100%;-webkit-mask-image:linear-gradient(to right, transparent, var(--mask-opaque) 7%, var(--mask-opaque) 93%, transparent);mask-image:linear-gradient(to right, transparent, var(--mask-opaque) 7%, var(--mask-opaque) 93%, transparent);inset:0}.hero__plancha img,.hero__expresion img{-webkit-mask-image:linear-gradient(to bottom, transparent, var(--mask-opaque) 7%, var(--mask-opaque) 93%, transparent);mask-image:linear-gradient(to bottom, transparent, var(--mask-opaque) 7%, var(--mask-opaque) 93%, transparent);object-fit:cover;width:100%;height:100%}.hero__expresion,.hero__velo{display:none}.hero__mundo{opacity:0;will-change:opacity;width:46%;height:auto;inset-block-start:-2%;inset-inline-start:19%}.hero__mundo img{width:100%;height:auto}.hero__mundo--1{opacity:1}@media (width>=64em){.hero{min-height:clamp(600px,43.4vw + 3rem,673px)}.hero__texto{width:44%;min-width:420px;max-width:560px;padding-block:clamp(2.5rem, 4.4vw, 4rem) var(--space-12)}.hero__escena{aspect-ratio:16/10;width:69.4%;margin:0;position:absolute;inset-block-start:3rem;inset-inline-end:0}.hero__plancha,.hero__expresion{-webkit-mask-image:linear-gradient(to right, transparent, var(--mask-opaque) 24%, var(--mask-opaque) 88%, transparent);mask-image:linear-gradient(to right, transparent, var(--mask-opaque) 24%, var(--mask-opaque) 88%, transparent)}.hero__plancha img,.hero__expresion img{-webkit-mask-image:linear-gradient(to bottom, transparent, var(--mask-opaque) 14%);mask-image:linear-gradient(to bottom, transparent, var(--mask-opaque) 14%)}.hero__velo{background-image:linear-gradient(to bottom, var(--color-surface-clear), var(--color-cream));height:22%;display:block;position:absolute;inset-block-end:0;inset-inline:0}.hero__mundo{width:46%;inset-block-start:-2%;inset-inline-start:19%}}@keyframes hero-mundo{0%{opacity:0;transform:scale(.97)}2.727%{opacity:1;transform:scale(1)}16.667%{opacity:1;transform:scale(1)}19.394%{opacity:0;transform:scale(1.03)}to{opacity:0;transform:scale(.97)}}@keyframes hero-expresion{0%{opacity:0}5.455%{opacity:1}33.333%{opacity:1}38.788%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:no-preference){.hero__escena--anima .hero__mundo{animation:hero-mundo var(--duration-world-cycle) var(--ease-in-out) infinite}.hero__escena--anima .hero__mundo--1{animation-delay:calc(var(--duration-crossfade) * -1)}.hero__escena--anima .hero__mundo--2{animation-delay:calc(var(--duration-world-hold) * 1 - var(--duration-crossfade))}.hero__escena--anima .hero__mundo--3{animation-delay:calc(var(--duration-world-hold) * 2 - var(--duration-crossfade))}.hero__escena--anima .hero__mundo--4{animation-delay:calc(var(--duration-world-hold) * 3 - var(--duration-crossfade))}.hero__escena--anima .hero__mundo--5{animation-delay:calc(var(--duration-world-hold) * 4 - var(--duration-crossfade))}.hero__escena--anima .hero__mundo--6{animation-delay:calc(var(--duration-world-hold) * 5 - var(--duration-crossfade))}.hero__escena--anima .hero__expresion{opacity:0;animation:hero-expresion calc(var(--duration-world-hold) * 3) var(--ease-in-out) infinite;display:block}.hero__escena--anima .hero__expresion--b{animation-delay:calc(var(--duration-world-hold) * 1)}.hero__escena--anima .hero__expresion--c{animation-delay:calc(var(--duration-world-hold) * 2)}}.hero__escena--pausa .hero__mundo,.hero__escena--pausa .hero__expresion{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hero__escena--anima .hero__mundo,.hero__escena--anima .hero__expresion{animation:none}.hero__mundo{opacity:0}.hero__mundo--1{opacity:1}}
