.hero-fondo{--hero-salida:cubic-bezier(0.16,1,0.3,1);position:relative;isolation:isolate;display:grid;grid-template-areas:"escena" "lado"}.nav-entra{animation:nav-entra .8s cubic-bezier(.16,1,.3,1) .05s both}@keyframes nav-entra{0%{opacity:0;transform:translateY(-14px)}}.hero-palabra{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.1em 0 .14em;margin:-.1em 0 -.14em}.hero-palabra>span{display:inline-block;animation:hero-sube .95s var(--hero-salida) both;animation-delay:calc(.2s + var(--i) * 50ms)}@keyframes hero-sube{0%{transform:translateY(115%)}}.hero-entra{animation:hero-entra .85s var(--hero-salida) both;animation-delay:var(--d,0s)}@keyframes hero-entra{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}}.fondo-marco{grid-area:escena;position:relative;height:100svh;min-height:560px;overflow:hidden;border-radius:0 0 1.5rem 1.5rem;background:#8fb3cf}.fondo-capa{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.fondo-video{opacity:0;transition:opacity .4s ease}.fondo-marco[data-estado=corre] .fondo-video{opacity:1}.fondo-velo{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgb(10 12 8/.66) 0,rgb(10 12 8/.34) 30%,rgb(10 12 8/0) 52%),linear-gradient(180deg,rgb(255 255 255/.3) 0,rgb(255 255 255/0) 14%)}.hero-capa{display:contents}.hero-portada{grid-area:escena;align-self:end;position:relative;z-index:1;padding:0 1rem 1.75rem}.hero-portada h1{text-shadow:0 2px 28px rgb(0 0 0/.28)}.hero-fondo .wovio-accent-text{color:#d6c8ff}.hero-lado{grid-area:lado;padding:1.5rem 1rem 0;color:#3f3f46}.hero-micro{color:#52525b}@media (min-width:640px){.hero-portada{padding:0 2rem 2.5rem}.hero-lado{padding:2rem 2rem 0}}@media (max-aspect-ratio:1/1){.hero-portada{align-self:start;padding-top:5.5rem}.hero-portada h1{color:#18181b;text-shadow:0 1px 18px rgb(255 255 255/.35)}.hero-fondo .wovio-accent-text{color:#5429d1}.hero-portada .hero-secundario{border-color:rgb(24 24 27/.15);background:rgb(255 255 255/.55);color:#18181b}.fondo-velo{background:linear-gradient(180deg,rgb(255 255 255/.32) 0,rgb(255 255 255/0) 45%)}}@media (max-aspect-ratio:1/1) and (min-width:640px){.hero-portada{padding-top:7rem}}@media (min-width:1024px) and (min-aspect-ratio:1/1){.hero-fondo{display:block;height:clamp(640px,100svh,1080px)}.fondo-marco{position:absolute;inset:0;height:auto;min-height:0;border-radius:0 0 2rem 2rem}.fondo-velo{background:linear-gradient(0deg,rgb(10 12 8/.66) 0,rgb(10 12 8/.38) 34%,rgb(10 12 8/0) 66%),linear-gradient(90deg,rgb(10 12 8/.42),rgb(10 12 8/.2) 32%,rgb(10 12 8/0) 50%),linear-gradient(180deg,rgb(255 255 255/.3) 0,rgb(255 255 255/0) 12%)}.hero-portada h1{text-shadow:0 2px 24px rgb(0 0 0/.38),0 1px 3px rgb(0 0 0/.25)}.hero-capa{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:end;gap:3rem;height:100%;max-width:1600px;margin:0 auto;padding:0 2rem clamp(2.5rem,7dvh,4.5rem)}.hero-portada{grid-area:auto;padding:0}.hero-lado{grid-area:auto;padding:0 0 .35rem;color:rgb(255 255 255/.92);text-shadow:0 1px 14px rgb(0 0 0/.45)}.hero-micro{color:rgb(255 255 255/.75)}}@media (prefers-reduced-motion:reduce){.hero-fondo *,.nav-entra{animation-delay:0s!important}}.menu-hoja{animation:menu-hoja .35s cubic-bezier(.16,1,.3,1) both}@keyframes menu-hoja{0%{opacity:0;transform:translateY(-8px)}}.casa{--casa-base:#fafafa;background:var(--casa-base)}.vidrio,.vidrio-fuerte,.vidrio-tenue{box-shadow:inset 0 1px 0 rgb(255 255 255/1),inset 0 0 0 1px rgb(24 24 40/.07),0 24px 48px -28px rgb(30 24 70/.3),0 2px 6px rgb(30 24 70/.04)}.vidrio{background:rgb(255 255 255/.7)}.vidrio-fuerte{background:rgb(255 255 255/.92);box-shadow:inset 0 1px 0 rgb(255 255 255/1),inset 0 0 0 1px rgb(24 24 40/.07),0 32px 64px -30px rgb(30 24 70/.38),0 4px 10px rgb(30 24 70/.05)}.vidrio-tenue{background:rgb(24 24 40/.02);box-shadow:inset 0 0 0 1px rgb(24 24 40/.07)}.vidrio-pulsable{transition:background-color .4s ease,box-shadow .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.vidrio-pulsable:hover{background:#ffffff;box-shadow:inset 0 1px 0 rgb(255 255 255/1),inset 0 0 0 1px rgb(84 41 209/.22),0 28px 52px -26px rgb(30 24 70/.4),0 2px 6px rgb(30 24 70/.05)}.vidrio-esfera{display:grid;flex:none;place-items:center;border-radius:50%;color:#ffffff;background:linear-gradient(145deg,#8f73ff,#5429d1);box-shadow:inset 0 1px 0 rgb(255 255 255/.45),0 8px 18px -6px rgb(84 41 209/.6)}@media (prefers-reduced-transparency:reduce){.vidrio,.vidrio-fuerte{background:#ffffff}}.bucle{position:relative;aspect-ratio:1;-webkit-mask-image:radial-gradient(circle at 50% 52%,#000 58%,transparent 70%);mask-image:radial-gradient(circle at 50% 52%,#000 58%,transparent 70%)}.bucle-cuadro{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}.bucle-capa{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.bucle-video{opacity:0;transition:opacity .5s ease}.bucle[data-corre=si] .bucle-video{opacity:1}.frase-icono{display:inline-flex;width:1.45em;height:.92em;align-items:center;justify-content:center;vertical-align:-.08em;border-radius:999px;color:rgb(var(--wovio-lavenderInk))}.frase-icono svg{width:.5em;height:.5em}.escena-ciclo[data-modo=escena]{scroll-margin-top:0;height:100vh;padding-top:0;padding-bottom:0}.escena-ciclo[data-modo=escena] .escena-frase{position:absolute;inset:0;z-index:2;display:flex;align-items:center;pointer-events:none}.escena-ciclo[data-modo=escena] .escena-contenido{padding-top:84px}.escena-ciclo:not([data-modo=escena]) .escena-frase{margin-bottom:4.5rem}.casa section[data-modo=pantalla]{padding-top:0;padding-bottom:0}.casa section[data-modo=pantalla] [data-pantalla]{display:flex;height:100vh;height:100svh;flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:16px}.casa section[data-modo=pantalla] .hecho-para{flex-direction:column;align-items:center;gap:2.75rem;text-align:center}.casa section[data-modo=pantalla] .hecho-para-titulo{max-width:22ch;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.08;letter-spacing:-.035em}.casa section[data-modo=pantalla] .hecho-para ul{max-width:56rem;justify-content:center}.casa section[data-modo=pantalla] [data-pantalla][data-camara]{justify-content:flex-start;overflow:hidden}