.carousel-logos {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
  background: #fff;
}

.carousel-track {
  display: flex;
  gap: 0px;
  animation: scroll 20s linear infinite;
}

.carousel-item img {
  height: 200px; /* imágenes pequeñas */
  object-fit: contain;
}

/* Animación horizontal */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Ajusta según cantidad de logos */
}

/* Para pantallas medianas (tablets) */
@media (max-width: 768px) {
  .carousel-item img {
    height: 180px; /* imágenes más pequeñas */
  }
  .carousel-track {
    gap: 0px; /* un poco de separación */
  }
}

/* Para pantallas pequeñas (móviles) */
@media (max-width: 480px) {
  .carousel-item img {
    height:180px; /* imágenes aún más pequeñas */
  }
  .carousel-track {
    gap: 0px; /* menos separación para pantallas pequeñas */
  }
}