/* Bx - Slider banner (fullwidth, sin texto ni botones) */

/* El contenedor de la landing ya ocupa el ancho completo: no usar 100vw
   (incluye la barra de scroll y generaba desfase + scroll horizontal). */
.bx-slider-banner {
  --bx-slider-banner-mt: 16px;
  position: relative;
  width: 100%;
  margin-top: var(--bx-slider-banner-mt);
  overflow: hidden;
}

/* Espacio con el menú: el logo sobresale del header */
@media (min-width: 768px) {
  .bx-slider-banner {
    --bx-slider-banner-mt: 24px;
  }
}

@media (min-width: 1200px) {
  .bx-slider-banner {
    --bx-slider-banner-mt: 32px;
  }
}

.bx-slider-banner__swiper {
  width: 100%;
}

/* Todas las diapositivas con la misma altura (la de la más alta) */
.bx-slider-banner .swiper-wrapper {
  align-items: stretch;
}

.bx-slider-banner .swiper-slide {
  height: auto;
}

.bx-slider-banner__item,
.bx-slider-banner__link,
.bx-slider-banner__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.bx-slider-banner__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Paginación */
.bx-slider-banner__pagination.swiper-pagination {
  bottom: 12px;
}

.bx-slider-banner__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: .6;
}

.bx-slider-banner__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

/* Evita que el wrapper de Drupal meta margenes al campo */
.bx-slider-banner .field__items,
.bx-slider-banner .field__item {
  margin: 0;
}