/* ============================================================
   animations.css — Fundación 20 de Enero · Corazón Sabanero
   Animaciones y transiciones del sistema de diseño.
   Requiere: tokens.css
   NOTA: todas las animaciones respetan prefers-reduced-motion
         (el bloqueo global está en reset.css).
   ============================================================ */

/* ── Scroll Reveal ── */
.reveal {
  opacity:    0;
  transform:  translateY(14px);
  transition: opacity var(--transition-slow),
              transform var(--transition-slow);
}
.reveal.is-visible {
  opacity:   1;
  transform: translateY(0);
}

/* Delays escalonados para grupos de cards */
.reveal--delay-1 { transition-delay: 0.1s; }
.reveal--delay-2 { transition-delay: 0.2s; }
.reveal--delay-3 { transition-delay: 0.3s; }

/* ── Fade In (keyframe) ── */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.anim-fade-in {
  animation: fadeIn 0.5s ease forwards;
}

/* ── Pulse suave (para elementos de atención) ── */
@keyframes pulse-soft {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.03); }
}

/* ── Transición de menú móvil ── */
.nav-mobile-transition {
  transition: transform var(--transition-base);
}

/* ── Hover lift para cards ── */
.hover-lift {
  transition: transform var(--transition-fast),
              box-shadow var(--transition-fast);
}
.hover-lift:hover {
  transform:  translateY(-3px);
  box-shadow: var(--shadow-card);
}