/**
 * Sell — estilos específicos.
 * Excepción aprobada: poster frame + delay de carga del video + máscara de ondas
 * en el hero (imposible con controles nativos de Elementor).
 */

/* ── Hero: poster mientras carga el video ───────────────────────────────── */
.page-id-693 .elementor-element-7d330b7 {
	background-image: url("https://paola-masera.test/wp-content/themes/paola-masera-child/assets/sell-hero-poster.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* El video tiene un pequeño delay para no bloquear el render */
.page-id-693 .elementor-element-7d330b7 .elementor-background-video-container video {
	opacity: 0;
	transition: opacity 0.6s ease 0.8s;
}
.page-id-693 .elementor-element-7d330b7 .elementor-background-video-container video.elementor-playing {
	opacity: 1;
}

/* ── Hero: máscara de ondas en la parte inferior ────────────────────────── */
.page-id-693 .elementor-element-7d330b7::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 80px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,80 480,0 720,40 C960,80 1200,0 1440,40 L1440,80 L0,80 Z' fill='%23F7F4EC'/%3E%3C/svg%3E") no-repeat bottom center;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 10;
}

/* El inner del hero necesita z-index para estar sobre la máscara */
.page-id-693 .elementor-element-7d330b7 .elementor-container,
.page-id-693 .elementor-element-7d330b7 > .e-con-inner {
	position: relative;
	z-index: 20;
}