.clientes-carrusel {
  overflow: hidden;
  width: 100%;
  /* background: linear-gradient(90deg, #03bfcb, #004767); */
  background: linear-gradient(135deg, #0a2342, #1d3f72, #036d86);
  /* Color de fondo similar al tuyo */
  padding: 40px 0;

  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.clientes-carrusel h3 {
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-size: 1.5rem;
}
.carrusel-track {
  display: flex;
  width: calc(230px * 10);
  /* número de logos * 2 (porque duplicamos) */
  animation: scroll 25s linear infinite;
  margin-top: 20px;
}

.carrusel-item {
  flex: 0 0 auto;
  width: 230px;
  /* Ajusta el tamaño de cada logo */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.carrusel-item img {
  max-height: 45px;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  /* logos en blanco (opcional) */
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .clientes-carrusel h3 {
    padding: 0px 12px;
  }
}