/*
 * Animaciones al hacer scroll. La clase .reveal empieza oculta;
 * scroll-animations.js añade .is-visible vía IntersectionObserver.
 * --delay (definido inline por PHP) escalona la entrada de elementos hermanos.
 */

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: calc(var(--delay, 0) * 90ms);
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}