/* Compatibilidad con los módulos actualizados en Drupal 11 (el tema se hizo para D8). */

/* Owl Carousel 2 (el tema se hizo para Owl 1). */

/* Owl 2 pone todas las imágenes del carrusel a bloque y 100 % de ancho. */
.owl-carousel .owl-item img.simbolo {
  display: inline;
  width: auto;
  height: 30px;
}

/* Flechas: Owl 2 usa .owl-nav > button en lugar de .owl-controls .owl-buttons > div. */
.owl-theme .owl-nav,
.owl-carousel .owl-nav {
  margin: 0;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-theme .owl-nav [class*='owl-'],
.owl-theme .owl-nav [class*='owl-']:hover {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #444;
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

/* Slick 3 / Blazy: el carrusel del mapa no tiene imagen principal, pero ahora
   se pinta un .slide__media vacío (gris de carga) y el pie con 20px de relleno. */
.view-carousel-de-campings .slide__media {
  display: none;
}

.view-carousel-de-campings .slide__caption {
  padding: 0;
}

/* Geolocation 4: la clase del mapa cambió (antes .geolocation-common-map-container). */
div.geolocation-map-container {
  margin-top: -8px;
}

/* Responsive Menu 4: ahora pone fondo blanco a los enlaces del menú principal y,
   con los 70px de alto del tema, sobresalen por debajo del header. */
.horizontal-menu > li > a {
  background-color: transparent;
}

/* Móvil: el carrusel tiene 210px fijos y el contenido (foto + texto) se salía
   encima del mapa de "Guía de Campings". También pasaba en la web D8. */
@media (max-width: 768px) {
  .owl-carousel {
    height: auto;
  }
}