.carousel-logos{
  width:70%;
  margin:0 auto;
  overflow:hidden;
  background:transparent;
  padding:20px 0;
}

.carousel-track{
  display:flex;
  gap:20px;
  width:fit-content;
  white-space:nowrap;
  will-change:transform;
  animation: scroll var(--animation-speed, 20s) linear infinite;
}

/* Pausar al posicionarse encima */
.carousel-logos:hover .carousel-track{
  animation-play-state: paused;
}

.carousel-item{
  flex-shrink:0;
  height:30px;
  width:120px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.carousel-item img{
  height:100%;
  width:100%;
  object-fit:contain;
}

@keyframes scroll{
  0% { transform: translateX(0); }
  100% { transform: translateX(var(--scroll-width, 0px)); }
}

@media (max-width: 768px){
  .carousel-item{
    height:22px;
    width:90px;
  }
}