/* ============================================================
   Gimnasio Synergy — animations.css
   Todos los keyframes y clases de animación del proyecto
   ============================================================ */

/* ─── Scroll indicator (hero) ─── */
@keyframes scrollPulse {
  0%, 100% { opacity: 0.3; transform: scaleY(1); }
  50%       { opacity: 1;   transform: scaleY(1.15); }
}

/* ─── Gallery infinite scroll ─── */
@keyframes strip-fwd {
  from { transform: translate3d(0,    0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
@keyframes strip-rev {
  from { transform: translate3d(-50%, 0, 0); }
  to   { transform: translate3d(0,    0, 0); }
}

/* ─── Fade-in on scroll (aplicado por JS) ─── */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Respeta la preferencia del sistema ─── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:   0.01ms !important;
    transition-duration:  0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  .gallery-strip { animation: none !important; }
  .fade-in       { opacity: 1 !important; transform: none !important; transition: none !important; }
  .scroll-bar    { animation: none !important; }
}