@layer base{:root{--dur-rapida:.2s;--dur-media:.4s;--dur-lenta:.6s;--dur-revelado:.9s;--ease-salida:cubic-bezier(.22, 1, .36, 1);--ease-resorte:cubic-bezier(.34, 1.56, .64, 1)}}@layer components{@media (prefers-reduced-motion:no-preference){.hero-marco{animation:revelar-marco var(--dur-revelado) var(--ease-salida) both}.hero-linea{animation:subir var(--dur-lenta) var(--ease-salida) both;animation-delay:calc(var(--i,0) * .12s)}}@keyframes revelar-marco{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes subir{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.hero-modelo-contenedor{animation:linear both girar-modelo;animation-timeline:scroll(root);animation-range:0 60vh}}}@keyframes girar-modelo{0%{transform:perspective(1200px)rotateY(0)}to{transform:perspective(1200px)rotateY(28deg)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.revelar{animation:linear both aparecer-suave;animation-timeline:view();animation-range:entry 10% entry 55%}}}@keyframes aparecer-suave{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.progreso-lectura{transform-origin:0;animation:linear both avanzar;animation-timeline:scroll(root)}}}@keyframes avanzar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(*){animation-duration:var(--dur-media);animation-timing-function:var(--ease-salida)}}