/**
 * ATRR Extras - Estilos Personalizados
 */

/* ==========================================================================
   Corrección EXCLUSIVA para Carruseles con UNA SOLA IMAGEN
   (NO afecta carruseles con múltiples imágenes como What is S.E.E.D.)
   ========================================================================== */

/* 1. Expansión vertical del contenedor y widget cuando hay 1 sola imagen */
.e-con:has(.atrr-single-slide-carousel) {
	min-height: var(--min-height, 100vh) !important;
}

.elementor-widget-image-carousel:has(.atrr-single-slide-carousel),
.elementor-widget-image-carousel.atrr-single-slide {
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	align-self: stretch !important;
}

.elementor-widget-image-carousel:has(.atrr-single-slide-carousel) > .elementor-widget-container,
.elementor-widget-image-carousel.atrr-single-slide > .elementor-widget-container {
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.elementor-image-carousel-wrapper.atrr-single-slide-carousel,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper {
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
}

/* 2. Swiper Wrapper y Slide Único (desactivar transformaciones) */
.elementor-image-carousel-wrapper.atrr-single-slide-carousel .swiper-wrapper,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper .swiper-wrapper {
	transform: none !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	margin: 0 !important;
}

.elementor-image-carousel-wrapper.atrr-single-slide-carousel .swiper-slide,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper .swiper-slide {
	transform: none !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	width: 100% !important;
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	display: flex !important;
	margin: 0 !important;
}

/* 3. Figure e Imagen única con object-fit: cover sin espacio vacío */
.elementor-image-carousel-wrapper.atrr-single-slide-carousel figure.swiper-slide-inner,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper figure.swiper-slide-inner {
	width: 100% !important;
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
}

.elementor-image-carousel-wrapper.atrr-single-slide-carousel .swiper-slide-image,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper .swiper-slide-image {
	width: 100% !important;
	height: 100% !important;
	min-height: var(--min-height, 100vh) !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
}

/* 4. Ocultar controles SOLO en carruseles de una sola imagen */
.elementor-image-carousel-wrapper.atrr-single-slide-carousel .swiper-lazy-preloader,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper .swiper-lazy-preloader,
.elementor-image-carousel-wrapper.atrr-single-slide-carousel .swiper-pagination,
.elementor-image-carousel-wrapper.atrr-single-slide-carousel .elementor-swiper-button,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper .swiper-pagination,
.elementor-image-carousel-wrapper.atrr-single-slide-wrapper .elementor-swiper-button,
.elementor-widget-image-carousel:has(.atrr-single-slide-carousel) .swiper-pagination,
.elementor-widget-image-carousel:has(.atrr-single-slide-carousel) .elementor-swiper-button {
	display: none !important;
}