/* =========================================================================
   FIGUEROA DIGITAL — animations.css
   Todo lo que anima: la utilidad .reveal (scroll-in), keyframes globales,
   y el override maestro de prefers-reduced-motion. Si agregas una animación
   nueva reutilizable, vive aquí — no la repitas dentro de un componente.
   ========================================================================= */

/* ---------- SCROLL REVEAL: fade + translateY al entrar en viewport ----- */
.reveal {
  opacity: 0; transform: translateY(30px);
  transition: opacity var(--dur-reveal) var(--ease), transform var(--dur-reveal) var(--ease);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* ---------- KEYFRAMES GLOBALES ------------------------------------------ */
@keyframes scroll-cue {
  0% { top: 0; opacity: 1; }
  100% { top: 34px; opacity: 0; }
}

/* ---------- ACCESIBILIDAD: respeta la preferencia del usuario ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}