/* Micro-interacciones y animaciones: scroll-reveal (fade-in + translateY sutil). El toggle de las clases .reveal/.is-visible ocurre en js/main.js (IntersectionObserver). Progressive enhancement: sin la clase .reveal-ready en (JS no corrió) los elementos .reveal quedan visibles por defecto, nunca ocultos permanentemente. */ .reveal-ready .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease-out, transform 0.55s ease-out; } .reveal-ready .reveal.is-visible { opacity: 1; transform: translateY(0); } /* Stagger sutil para grids de items repetidos */ .metodologia__grid > .reveal:nth-child(2) { transition-delay: 0.06s; } .metodologia__grid > .reveal:nth-child(3) { transition-delay: 0.12s; } .metodologia__grid > .reveal:nth-child(4) { transition-delay: 0.18s; } .metodologia__grid > .reveal:nth-child(5) { transition-delay: 0.24s; } .logo-cloud__grid > .reveal:nth-child(2) { transition-delay: 0.06s; } .logo-cloud__grid > .reveal:nth-child(3) { transition-delay: 0.12s; } .logo-cloud__grid > .reveal:nth-child(4) { transition-delay: 0.18s; } @media (prefers-reduced-motion: reduce) { .reveal-ready .reveal { opacity: 1; transform: none; transition: none; } }