/**
 * Neighborhoods — 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-628 .elementor-element-45b2f0c {
	background-image: url("https://paola-masera.test/wp-content/themes/paola-masera-child/assets/neighborhoods-hero-poster.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* El video de Elementor tiene un pequeño delay para no bloquear el render */
.page-id-628 .elementor-element-45b2f0c .elementor-background-video-container video {
	opacity: 0;
	transition: opacity 0.6s ease 0.8s; /* 0.8s delay antes de aparecer */
}
.page-id-628 .elementor-element-45b2f0c .elementor-background-video-container video.elementor-playing {
	opacity: 1;
}

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

/* ── Tarjetas: más espacio entre el número y el nombre ──────────────────── */
.page-id-628 #elementor-element-cadf47c .elementor-widget-heading:first-child {
	margin-bottom: 8px;
}

/* Espacio entre la descripción y el botón */
.page-id-628 #elementor-element-cadf47c .elementor-widget-button {
	margin-top: auto;
	padding-top: 24px;
}

/* Mínima altura real de cada tarjeta para que el botón siempre quede abajo */
.page-id-628 .elementor-element-3e6459f,
.page-id-628 .elementor-element-adbb731,
.page-id-628 .elementor-element-a0b3e83,
.page-id-628 .elementor-element-59f978b,
.page-id-628 .elementor-element-2a72a2b,
.page-id-628 .elementor-element-c7698e7,
.page-id-628 .elementor-element-e6c6e76,
.page-id-628 .elementor-element-ae5e23d {
	min-height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}