/**
 * Header Elementor (plantilla HFE post 12786 en este sitio):
 * barra fija arriba + logo más chico.
 *
 * Si en otro entorno cambia el ID del template, actualizar el selector .elementor-12786
 * o usar una clase CSS propia en Elementor (Avanzado > Clases CSS del contenedor).
 */

:root {
	--chaniar-header-below-fixed: clamp(5.85rem, 13vh, 8.5rem);
}

body.admin-bar {
	--chaniar-header-below-fixed: clamp(6.5rem, 14.5vh, 9.5rem);
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--chaniar-header-below-fixed: clamp(7rem, 16vh, 10rem);
	}
}

/* Barra completa fija */
.elementor-12786 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	/* Por debajo de la admin bar de WP (99999); por encima del contenido Elementor */
	z-index: 9990;
	box-sizing: border-box;
	/*
	 * Idioma / submenús: overflow:hidden en el header recorta el desplegable y a veces
	 * aparece una segunda barra de scroll (viewport + contenedor interno).
	 */
	overflow: visible !important;
}

/*
 * Misma causa en envoltorios del template HFE: el hover del selector de idioma no debe
 * quedar recortado ni forzar scroll anidado.
 */
.elementor-12786 > .elementor,
.elementor-12786 .elementor-location-header,
.elementor-12786 .elementor-top-section,
.elementor-12786 .elementor-inner-section,
.elementor-12786 .elementor-column,
.elementor-12786 .elementor-widget-wrap,
.elementor-12786 .e-con,
.elementor-12786 .e-con-inner,
.elementor-12786 .elementor-widget-nav-menu .elementor-widget-container,
.elementor-12786 .elementor-widget-wpr-nav-menu .elementor-widget-container,
.elementor-12786 .wpr-menu-container,
.elementor-12786 .wpr-nav-menu {
	overflow: visible !important;
}

body.admin-bar .elementor-12786 {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .elementor-12786 {
		top: 46px;
	}
}

/*
 * Despeje bajo el header fijo:
 * - Páginas canvas: el primer .elementor es hermano directo del header.
 * - Plantilla Rife + EHF: el contenido va en #content → .real-content > .elementor (ej. Contacto);
 *   ahí NO aplica el selector adyacente y el héroe quedaba tapado por el navbar.
 */
.elementor-12786 + .elementor {
	margin-top: var(--chaniar-header-below-fixed);
}

#content .real-content > .elementor:first-child {
	margin-top: var(--chaniar-header-below-fixed) !important;
}

/*
 * Sin “banda” vacía arriba/abajo: Elementor trae padding-top ~27px en la sección del header.
 */
.elementor-12786 .elementor-element-7adba9030 {
	padding-top: 0.2rem !important;
	padding-bottom: 0.2rem !important;
}

@media (max-width: 767px) {
	.elementor-12786 .elementor-element-7adba9030 {
		padding-top: 0.2rem !important;
		padding-bottom: 0.2rem !important;
	}
}

/* Ítems del menú: menos alto vertical dentro de la barra */
.elementor-12786 .elementor-element-4a5f21a4 .wpr-nav-menu .wpr-menu-item {
	padding-top: 0.3rem !important;
	padding-bottom: 0.3rem !important;
}

/*
 * Botón reservas: altura acorde a la fila + píldora como el FAB «Menú» (mobile-menu-fab.css).
 */
.elementor-12786 .elementor-element-fec3572 .elementor-button {
	padding-top: 0.58rem !important;
	padding-bottom: 0.58rem !important;
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
	font-size: clamp(0.72rem, 2vw, 0.88rem) !important;
	line-height: 1.2 !important;
	border-radius: 999px !important;
	overflow: hidden;
	background-color: var(--chaniar-brand-accent) !important;
	border-color: var(--chaniar-brand-accent) !important;
	color: #fff !important;
}

/*
 * Logo (7f26319): un poco más grande que la versión mínima.
 * clip-path recorta ~5% arriba/abajo por si el PNG trae bandas vacías (transparentes o blancas).
 * Si se corta el dibujo, bajar a inset(3% 0 3% 0) o quitar clip-path y recortar el archivo en Medios.
 */
.elementor-12786 .elementor-element-7f26319 .elementor-widget-container {
	line-height: 0;
	overflow: hidden;
}

.elementor-12786 .elementor-element-7f26319 img {
	display: block;
	width: auto !important;
	max-width: min(11.25rem, 54vw) !important;
	max-height: 3.1rem !important;
	height: auto !important;
	clip-path: inset(5% 0 5% 0);
	/* clip-path no achica la caja del img; un margen negativo fino compensa bandas vacías */
	margin-block: -0.22rem;
}

@media (min-width: 768px) {
	.elementor-12786 .elementor-element-7f26319 img {
		max-width: min(10.5rem, 24vw) !important;
		max-height: 3.55rem !important;
	}
}