/* Animación del carrusel */

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

     100% {
         transform: translateX(-50%);
     }
 }

 .animate-scroll {
     animation: scroll 30s linear infinite;
     will-change: transform;
 }

 /* Pausa la animación al pasar el mouse */
 .animate-scroll:hover {
     animation-play-state: paused;
 }

 /* Contenedores de las imágenes */
 .animate-scroll .flex-shrink-0 {
     transition: transform 0.5s ease, box-shadow 0.5s ease;
     transform-origin: center center;
 }

 /* 🔥 Efecto grande y destacado al pasar el mouse */
 .animate-scroll .flex-shrink-0:hover {
     transform: scale(1.35);
     z-index: 20;
     box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
 }

 /* Imagen con un leve zoom interno */
 .animate-scroll img {
     transition: transform 0.4s ease;
     cursor: pointer;
 }

 .animate-scroll .flex-shrink-0:hover img {
     transform: scale(1.1);
     border-radius: 1rem;
 }

 /* Opcional: suaviza la separación entre tarjetas */
 .animate-scroll {
     gap: 2rem;
 }