/* VOU Home — reveal on scroll (reemplazo vanilla de AOS) y ajustes del home estático. Solo se oculta el contenido si el JS añadió .vou-aos al (progressive enhancement): si el JS falla, todo queda visible. */ .vou-aos [data-aos] { opacity: 0; transition: opacity 0.7s ease, transform 0.7s ease; will-change: opacity, transform; } .vou-aos [data-aos="fade-up"] { transform: translateY(24px); } .vou-aos [data-aos="fade-down"] { transform: translateY(-24px); } .vou-aos [data-aos="fade-left"] { transform: translateX(24px); } .vou-aos [data-aos="fade-right"] { transform: translateX(-24px); } .vou-aos [data-aos].aos-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .vou-aos [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; } } /* Animación de la flecha "scroll down" del hero (la usaba React inline) */ @keyframes gentle-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }