/**
 * Home hero photo slider + CTA legibility
 * Fotografías CEI varias (revisión identidad)
 */

body.home.elementor-page .ci-hero {
	isolation: isolate;
	overflow: hidden;
	position: relative;
}

body.home.elementor-page .ci-hero .ci-hero__slides {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

body.home.elementor-page .ci-hero .ci-hero__slide {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: scale(1.04);
	transition:
		opacity 1.1s ease,
		transform 7s ease;
}

body.home.elementor-page .ci-hero .ci-hero__slide.is-active {
	opacity: 1;
	transform: scale(1);
}

/* Overlay institucional por encima de las fotos */
body.home.elementor-page .ci-hero::before {
	background:
		linear-gradient(
			102deg,
			rgba(19, 139, 186, 0.82) 0%,
			rgba(19, 139, 186, 0.62) 38%,
			rgba(0, 189, 209, 0.35) 70%,
			rgba(19, 139, 186, 0.18) 100%
		) !important;
	content: "" !important;
	inset: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	z-index: 1 !important;
}

body.home.elementor-page .ci-hero > .e-con-inner,
body.home.elementor-page .ci-hero > .elementor-container,
body.home.elementor-page .ci-hero > .elementor-widget-wrap {
	position: relative;
	z-index: 2;
}

/* Dots del slider */
body.home.elementor-page .ci-hero .ci-hero__dots {
	bottom: 22px;
	display: flex;
	gap: 8px;
	left: 50%;
	pointer-events: auto;
	position: absolute;
	transform: translateX(-50%);
	z-index: 3;
}

body.home.elementor-page .ci-hero .ci-hero__dot {
	background: rgba(255, 255, 255, 0.45);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	height: 8px;
	padding: 0;
	transition: width 0.25s ease, background 0.25s ease;
	width: 8px;
}

body.home.elementor-page .ci-hero .ci-hero__dot.is-active {
	background: #ffbb00;
	width: 26px;
}

body.home.elementor-page .ci-hero .ci-hero__dot:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* CTA «Agendar una visita»: amarillo + Azul FM (no negro) */
body.home.elementor-page .ci-button .elementor-button,
body .ci-button .elementor-button {
	background: var(--ci-yellow, #ffbb00) !important;
	color: var(--ci-blue, #138bba) !important;
	font-weight: 700 !important;
}

body.home.elementor-page .ci-button .elementor-button:hover,
body .ci-button .elementor-button:hover {
	background: var(--ci-coral, #ff6976) !important;
	color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
	body.home.elementor-page .ci-hero .ci-hero__slide {
		transform: none;
		transition: opacity 0.4s ease;
	}
}

/* Todo el contenido Elementor por encima del slideshow */
body.home.elementor-page .ci-hero > *:not(.ci-hero__slides):not(.ci-hero__dots) {
	position: relative;
	z-index: 2;
}