/* ===============================
   RESET
   =============================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ===============================
   CONTENEDOR
   =============================== */
.image-container {
  width: 100%;
  max-width: 1100px;
  height: 500px;              /* 🔑 MÁS ALTO PARA EL TEXTO */
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

/* ===============================
   SLIDER
   =============================== */
.image-slider {
  display: flex;
  will-change: transform;
}


/* ===============================
   ITEM
   =============================== */
.image-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 14px;        /* 🔑 MÁS SEPARACIÓN */
  text-decoration: none;
}

.image-item img {
  height: 440px;
  width: auto;
  object-fit: cover;
}

.image-item p {
  color: #fff;
  margin-top: 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/* ===============================
   ANIMACIÓN
   =============================== */
@keyframes slide {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* ===============================
   RESPONSIVE
   =============================== */

/* Tablets */
@media (max-width: 1200px) {
  .image-container {
    height: 360px;
  }

  .image-item img {
    height: 300px;
  }
}

/* Mobile */
@media (max-width: 800px) {
  .image-container {
    height: 260px;
  }

  .image-item img {
    height: 200px;
  }

  .image-item p {
    font-size: 12px;
  }

  .image-slider {
    animation-duration: 5s; /* 🔑 MOBILE MÁS RÁPIDO */
  }
}

@media (max-width: 500px) {
  .image-container {
    height: 230px;
  }

  .image-item img {
    height: 170px;
  }
}

.titulo-nuevos {
  text-align: center;
  color: #ff1d1d;      /* rojo */
  font-size: 18px;
  font-weight: bold;
  margin: 6px 0 4px;
  letter-spacing: 1px;
}

@media (max-width: 600px) {
  .image-container {
    height: 210px;   /* 🔽 más compacto */
  }

  .image-item img {
    height: 160px;   /* acorde */
  }
}

.sponsor-titulo,
.sponsor-contratado {
  margin-top: 5px !important;
}