/* ==========================================================================
   Slider de la portada (Prime Slider, elemento b819243).

   Extraido de benditasea_inject_video_background_css() del plugin roto. Sin
   estas reglas el primer slide no oculta su imagen estatica cuando arranca el
   video, y los slides 2 y 3 no cubren el banco completo: se quedan al tamano
   natural de la imagen y el contenido se monta sobre la cabecera.
   ========================================================================== */

/* Contenedor del video que hero.js inserta en el primer slide. */
#bendita-video-bg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
}

#bendita-video-bg-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
}

/* Ocultar la imagen estatica del primer slide solo cuando el video ya reproduce. */
.bendita-video-playing.elementor-repeater-item-98fced2,
.bendita-video-playing.elementor-repeater-item-98fced2::before,
.bendita-video-playing.elementor-repeater-item-98fced2::after,
.bendita-video-playing.elementor-repeater-item-98fced2 .bdt-ps-slide-img,
.bendita-video-playing.elementor-repeater-item-98fced2 .bdt-ps-slide-img::before,
.bendita-video-playing.elementor-repeater-item-98fced2 .bdt-ps-slide-img::after {
	background-image: none !important;
}

.bendita-video-playing.elementor-repeater-item-98fced2 .bdt-ps-slide-img {
	display: none !important;
}

/* Fondo mientras el video carga y entre bucles. */
.elementor-repeater-item-98fced2 {
	background-color: #0c1510 !important;
}

/* Texto y botones del primer slide por encima del video. */
.elementor-repeater-item-98fced2 .bdt-prime-slider-wrapper {
	z-index: 10 !important;
	position: relative !important;
	pointer-events: auto !important;
}

/* Slides 2 y 3: que la imagen de fondo cubra todo el banner. */
.elementor-element-b819243 .bdt-prime-slider .bdt-slideshow-item .bdt-ps-slide-img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center center !important;
	z-index: 1 !important;
}

.elementor-element-b819243 .bdt-prime-slider .bdt-slideshow-item .bdt-prime-slider-wrapper {
	position: relative !important;
	z-index: 2 !important;
	pointer-events: auto !important;
}