/* ============================================================
   animations.css — keyframes y transiciones disparadas
   IMPORTANTE: todas las animaciones no esenciales deben ir
   dentro de @media (prefers-reduced-motion: no-preference) { ... }
   para respetar la preferencia del usuario.
   Se puebla en Fase 6 (scroll fade-in, stagger en cards, etc.).
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
    /* animations aquí */
}

/* Fallback explícito por si algún componente pide animarse:
   los valores de --transition-* en site.css ya respetan reduced-motion
   indirectamente (transiciones cortas), pero para animaciones largas
   se debe envolver el keyframe en el media query de arriba. */