/* Animación para el banner deslizante */
.animate-marquee {
  display: inline-block;
  animation: scroll-left 15s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Animación de número pulsante */
@keyframes pulse-grow {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
}

.pulse-number {
  animation: pulse-grow 2s ease-in-out infinite;
}