.client-carousel {
  gap: 14px;
  padding-inline: 0;
}

.client-carousel-viewport {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: 4px 0 8px;
}

.client-carousel-track {
  display: flex;
  gap: 16px;
  width: 100%;
  position: relative;
  transition: none;
  animation: none;
  transform: translate3d(0, 0, 0);
}

.client-carousel-track.is-ready {
  animation: client-logo-marquee var(--client-logo-duration, 90s) linear infinite;
}

.client-carousel:hover .client-carousel-track,
.client-carousel:focus-within .client-carousel-track {
  animation-play-state: paused;
}

.client-logo-card {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  min-height: 124px;
}

@media (prefers-reduced-motion: reduce) {
  .client-carousel-track.is-ready { animation: none; }
  .client-carousel-viewport { overflow-x: auto; }
  .client-logo-card[aria-hidden="true"] { display: none; }
}

@keyframes client-logo-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--client-logo-loop-distance), 0, 0); }
}

.client-logo-card img {
  object-fit: contain;
  object-position: center;
  image-rendering: auto;
}

.client-logo-card img.client-logo-banbif {
  width: 154px;
  height: 62px;
}

.client-logo-card img.client-logo-claro,
.client-logo-card img.client-logo-coa {
  width: 154px;
  height: 62px;
}

.client-logo-card img.client-logo-compact,
.client-logo-card img.client-logo-coa,
.client-logo-card img.client-logo-banbif {
  width: 140px;
  height: 56px;
}

.client-logo-card img.client-logo-conexia {
  width: 140px;
  height: 56px;
}

.client-logo-card img.client-logo-compact[src*="telecom.png"] {
  width: 126px;
  height: 50px;
}

@media (max-width: 700px) {
  .client-carousel { gap: 8px; padding-inline: 0; }
  .client-carousel-track { gap: 16px; }
  .client-logo-card { flex-basis: calc((100% - 16px) / 2); min-height: 108px; }
  .client-logo-card img.client-logo-banbif { width: 138px; height: 54px; }
  .client-logo-card img.client-logo-claro,
  .client-logo-card img.client-logo-coa { width: 138px; height: 54px; }
  .client-logo-card img.client-logo-compact,
  .client-logo-card img.client-logo-coa,
  .client-logo-card img.client-logo-banbif { width: 126px; height: 50px; }
  .client-logo-card img.client-logo-conexia { width: 126px; height: 50px; }
  .client-logo-card img.client-logo-compact[src*="telecom.png"] { width: 114px; height: 46px; }
}