/* ================================================================
   UTILITIES — Animaciones y helpers compartidos
   ================================================================ */

/* ── Scroll animation (usada por marquee y clientes) ────────── */
@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── Reveal on scroll ───────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

/* ── Reveal por líneas (headline) ───────────────────────────── */
.reveal-line {
  overflow: hidden;
}

.reveal-line .line-inner {
  display: inline-block;
  transform: translateY(105%);
  transition: transform 1.1s cubic-bezier(0.6, 0, 0.3, 1);
}

.reveal-line.in .line-inner          { transform: translateY(0); }
.reveal-line.in .line-inner.d2       { transition-delay: 0.12s; }
.reveal-line.in .line-inner.d3       { transition-delay: 0.24s; }
.reveal-line.in .line-inner.d4       { transition-delay: 0.36s; }