/* ================= ELLOS NOS ELIGEN ================= */
.ellos-nos-eligen {
  background-color: #ffffff;
  padding:0px 20px 40px 20px;
}

.ellos-nos-eligen .container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.ene-titulo {
  font-family: "Questrial", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  color: #111111;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
}

.ene-titulo::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 4px;
  background-color: #f2b233;
}

/* Slider */
.ene-slider {
  overflow: hidden;
  width: 100%;
}

.ene-track {
  display: flex;
  gap: 60px;
  width: max-content; /* muy importante para que funcione */
  animation: marquee 30s linear infinite; /* nombre unificado */
}

/* Logos */
.ene-track img {
  height: 60px;
  object-fit: contain;
  flex: 0 0 auto;
}

/* Animación de loop infinito */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1024px) {
  .ene-track {
    gap: 40px;
    animation: marquee 28s linear infinite;
  }

  .ene-track img {
    height: 50px;
  }

  .ene-titulo {
    font-size: 2.2rem;
  }
}

@media (max-width: 768px) {
  .ene-track {
    gap: 30px;
    animation: marquee 18s linear infinite; /* más rápido en móvil */
  }

  .ene-track img {
    height: 40px;
  }

  .ene-titulo {
    font-size: 1.8rem;
  }
}