/* Ofertas del home (antes de "Artículos recientes").
   Banners pequeños en dos columnas (una en móvil). */

.carrusel-ofertas {
  /* Las secciones vecinas ya aportan espacio (80px arriba y 90px abajo).
     Anulamos el padding propio y ajustamos con margen negativo para que
     el hueco de arriba y abajo quede igual (~60px) y no tan grande. */
  padding: 0;
  margin: -20px 0 -30px;
  box-sizing: border-box;
}

.carrusel-ofertas .ofertas-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.carrusel-ofertas .oferta-item {
  flex: 1 1 calc(50% - 5px);
  max-width: none;
  border-radius: 1.5rem;
  overflow: hidden;
}

.carrusel-ofertas .oferta-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 7.4;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width: 700px) {
  .carrusel-ofertas .oferta-item {
    flex-basis: 100%;
    max-width: 100%;
  }
  .carrusel-ofertas .oferta-item img {
    aspect-ratio: 16 / 9;
  }
}