/* ==========================================================================
   app.css — Estilos globales del sitio (se cargan en todas las páginas).
   ========================================================================== */

/* ---------- Reveal on scroll (lo activa /js/app.js) ---------- */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
}
.reveal--visible {
    opacity: 1;
    transform: none;
}

/* Si el usuario pidió menos movimiento, nada de animaciones. */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}