/*
 * Banners de la página de inicio.
 * - Cada banner ocupa todo el ancho y su altura es la de la imagen que se ve (sin huecos en blanco).
 * - El último banner es un fondo con texto: mantiene la proporción de banner (1920 x 600),
 *   pero crece si el texto no cabe.
 * Lo que cambia la altura en JS (autoHeight) está en src/scripts/site.ts.
 */
.elementor-26 .elementor-element-16b41a3 .swiper-wrapper,
.elementor-26 .elementor-element-b9ad47a .swiper-wrapper {
  align-items: flex-start;
}

.elementor-26 .elementor-element-16b41a3 .swiper-slide,
.elementor-26 .elementor-element-b9ad47a .swiper-slide {
  height: auto;
}

/* Medida en cqw: 100cqw es el ancho del propio carrusel, así la proporción 1920 x 600 se cumple a cualquier ancho. */
.elementor-26 .elementor-element-16b41a3 .swiper {
  container-type: inline-size;
}

.elementor-26 .elementor-element.elementor-element-dc08f8a {
  min-height: calc(100cqw * 600 / 1920);
}