/**
 * About Paola — 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-584 .elementor-element-c3b691d {
	background-image: url("https://paola-masera.test/wp-content/themes/paola-masera-child/assets/about-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-584 .elementor-element-c3b691d .elementor-background-video-container video {
	opacity: 0;
	transition: opacity 0.6s ease 0.8s;
}
.page-id-584 .elementor-element-c3b691d .elementor-background-video-container video.elementor-playing {
	opacity: 1;
}

/* ── Hero: máscara de ondas en la parte inferior ────────────────────────── */
.page-id-584 .elementor-element-c3b691d::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-584 .elementor-element-c3b691d .elementor-container,
.page-id-584 .elementor-element-c3b691d > .e-con-inner {
	position: relative;
	z-index: 20;
}


/* Contadores: gap entre columnas + label centrado bajo su número */
.page-id-584 .elementor-element-14d9209 {
	gap: 3rem;
}

.page-id-584 .elementor-element-14d9209 .elementor-counter-title {
	text-align: center;
	white-space: normal !important;
	word-break: break-word;
}