/*
 * Calden Producción — optimizaciones visuales acumulativas.
 * El selector permanece limitado a las tres portadas y conserva las capas
 * gráficas aprobadas, cambiando únicamente el recurso fotográfico de fondo.
 */

html body.calden-home-video-scope.home:is(.page-id-12226, .page-id-9368, .page-id-9753)
	.elementor-element.elementor-element-60a5b375
	.elementor-background-video-container {
	background-color: #00263d !important;
	background-image: url("../images/home-hero-poster-mobile.webp") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

html body.calden-home-video-scope.home:is(.page-id-12226, .page-id-9368, .page-id-9753)
	.elementor-element.elementor-element-60a5b375
	.elementor-background-video-container > video.calden-home-video {
	background: transparent !important;
}

@media (min-width: 1025px) {
	html body.calden-home-video-scope.home:is(.page-id-12226, .page-id-9368, .page-id-9753)
		.elementor-element.elementor-element-60a5b375
		.elementor-background-video-container {
		background-image: url("../images/home-hero-poster-desktop.webp") !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body.calden-home-video-scope video.calden-home-video {
		display: none !important;
	}
}

html body.home:is(.page-id-12226, .page-id-9368, .page-id-9753)
	.elementor:is(.elementor-12226, .elementor-9368, .elementor-9753)
	.elementor-element.elementor-element-32ab1432::before {
	background-image:
		radial-gradient(ellipse 31% 67% at 40% 46%, rgba(0, 19, 32, 0.23) 0 99%, transparent 100%),
		radial-gradient(ellipse 34% 70% at 55% 44%, rgba(229, 241, 241, 0.25) 0 99%, transparent 100%),
		linear-gradient(90deg, rgba(4, 229, 204, 0.72) 0%, rgba(4, 229, 204, 0.55) 31%, rgba(0, 52, 70, 0.18) 64%, rgba(0, 31, 49, 0.42) 100%),
		url("../images/servicios-card-voladoras-optimized.webp") !important;
}

@media (min-width: 1025px) {
	html body.home:is(.page-id-12226, .page-id-9368, .page-id-9753)
		.elementor:is(.elementor-12226, .elementor-9368, .elementor-9753)
		.elementor-element.elementor-element-32ab1432::before {
		background-image:
			radial-gradient(ellipse 31% 67% at 40% 46%, rgba(0, 19, 32, 0.36) 0 99%, transparent 100%),
			radial-gradient(ellipse 34% 70% at 55% 44%, rgba(229, 241, 241, 0.12) 0 99%, transparent 100%),
			linear-gradient(90deg, rgba(4, 229, 204, 0.65) 0%, rgba(4, 229, 204, 0.28) 31%, rgba(0, 52, 70, 0.06) 64%, rgba(0, 31, 49, 0.20) 100%),
			url("../images/servicios-card-voladoras-optimized.webp") !important;
	}
}