/*
  Animaciones — únicamente transform/opacity, según el token --duration-reveal
  y la política de movimiento del design system.
*/
@keyframes monacua-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.marquee-track {
  animation: monacua-marquee 26s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none !important;
  }
}