/* ===== Carrusel circular continuo (sin duplicar listas ni saltos) ===== */
.logo-carousel {
  --logos-visibles: 5;        /* 👈 Cambia aquí: 4, 5, 6... */
  overflow: hidden;
  position: relative;
}
.carousel-viewport { overflow: hidden; width: 100%; }

/* Track sin animaciones CSS: lo mueve JS con translateX */
.carousel-track{
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  will-change: transform;
  transform: translateX(0);
}

.carousel-slide{
  flex: 0 0 calc(100% / var(--logos-visibles)); /* 5 visibles por defecto */
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible; /* para que los logos escalados no se recorten */
}

/* Logo base (mantén tus tamaños) */
.carousel-slide img{
  width: 150px;
  height: 80px;
  object-fit: contain;
  display: block;
  background: #fff;
  border-radius: 6px;
  padding: 8px;
  box-sizing: border-box;
  transform-origin: center center;
}

/* Ajustes individuales (como tenías) */
.logo--embention { transform: scale(1.7); }
.logo--anavia { transform: scale(1.5); }
.logo--amazon_prime_air { transform: scale(1.2); }
.logo--advent    { transform: scale(1.4); }
.logo--campero   { transform: scale(1.4); }
.logo--marlon   { transform: scale(1.4); }
.logo--aareon    { transform: scale(1.4); }
.logo--redexis   { transform: scale(1.2); }
.logo--ciudad_raqueta   { transform: scale(1.2); }
.logo--olympia  { transform: scale(1.2); }

.logo--deh       { transform: scale(0.8); }
.logo--edge       { transform: scale(0.9); }
.logo--axon      { transform: scale(0.85); }
.logo--ecogest   { transform: scale(0.8); }
.logo--galivi    { transform: scale(0.8); }
.logo--tpg       { transform: scale(0.8); }

/* Responsive (opcional) */
@media (max-width: 1100px) {
  .logo-carousel { --logos-visibles: 4; }
}
@media (max-width: 640px) {
  .logo-carousel { --logos-visibles: 3; }
  .carousel-slide img { width: 120px; height: 70px; }
}
@media (max-width: 420px) {
  .logo-carousel { --logos-visibles: 2; }
  .carousel-slide img { width: 100px; height: 60px; }
}