.modulo-clientes .clientes-marquee {
  --clientes-card-width: clamp(210px, 22vw, 340px);
  --clientes-gap: 15px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 4px 0 8px;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}

.modulo-clientes .clientes-marquee__track {
  animation: clientes-marquee 55s linear infinite;
  display: flex;
  align-items: stretch;
  width: max-content;
  will-change: transform;
}

.modulo-clientes .clientes-marquee__group {
  display: flex;
  align-items: stretch;
  gap: var(--clientes-gap);
  padding-right: var(--clientes-gap);
}

.modulo-clientes .clientes-marquee__item {
  flex: 0 0 var(--clientes-card-width);
  width: var(--clientes-card-width);
}

.modulo-clientes .clientes-marquee .producto {
  display: block;
  width: 100%;
  height: 100%;
}

.modulo-clientes .clientes-marquee .producto .box-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.modulo-clientes .clientes-marquee .producto .box-img img,
.modulo-clientes .clientes-marquee .producto img.imagen-clientes {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
}

/* Título de la sección más grande */
.modulo-clientes .titulo {
  font-size: clamp(1.3rem, 2.2vw, 1.7rem);
  letter-spacing: 0.04em;
}

@keyframes clientes-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 991px) {
  .modulo-clientes .clientes-marquee {
    --clientes-card-width: clamp(170px, 34vw, 260px);
  }
}

@media (max-width: 500px) {
  .modulo-clientes .clientes-marquee {
    --clientes-card-width: clamp(145px, 44vw, 205px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .modulo-clientes .clientes-marquee__track {
    animation: none;
    transform: none;
  }
}
