/* Animación de Marquesina Infinita */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33%); }
}

.animate-marquee {
  display: flex;
  width: max-content; /* Importante para que no se colapse */
  animation: marquee 30s linear infinite;
}

/* Pausar al pasar el mouse (opcional, muy común en este diseño) */
.animate-marquee:hover {
  animation-play-state: paused;
}