/*
 * Enertrim - restauración del tema oscuro en todo el sitio.
 *
 * La paleta global de Astra volvió a valores claros (fondo #F6F6F8, títulos
 * #124E5F, y el "color 0", que usan los enlaces, quedó en un dorado al 14 %
 * de opacidad, casi invisible). Como el cuerpo de las páginas toma el fondo
 * de esa paleta, quedaba blanco alrededor de las secciones oscuras.
 *
 * Se corrige redefiniendo las variables de la paleta (las de Astra y las
 * espejo de Elementor). Si se vuelve a cargar la paleta oscura en
 * Apariencia > Personalizar > Ajustes globales > Colores, este archivo
 * deja de hacer falta: se puede borrar o desactivar con el filtro
 * 'enertrim_calc_arreglar_tema' (add_filter( ..., '__return_false' );).
 */
html:root {
	--ast-global-color-0: #F5A623;
	--ast-global-color-1: #F7F9FB;
	--ast-global-color-2: #F7F9FB;
	--ast-global-color-3: #D9DEE3;
	--ast-global-color-4: #0A0C0E;
	--ast-global-color-5: #14191E;
	--ast-global-color-6: #124E5F;
	--ast-global-color-7: #0A0C0E;
	--ast-global-color-8: #000000;

	--e-global-color-astglobalcolor0: #F5A623;
	--e-global-color-astglobalcolor1: #F7F9FB;
	--e-global-color-astglobalcolor2: #F7F9FB;
	--e-global-color-astglobalcolor3: #D9DEE3;
	--e-global-color-astglobalcolor4: #0A0C0E;
	--e-global-color-astglobalcolor5: #14191E;
	--e-global-color-astglobalcolor6: #124E5F;
	--e-global-color-astglobalcolor7: #0A0C0E;
	--e-global-color-astglobalcolor8: #000000;
}

body,
body.ast-separate-container {
	background-color: #0A0C0E;
}

/* Inicio: el título automático "Inicio" duplica el de la portada. */
body.home .entry-header {
	display: none;
}

/*
 * Inicio quedó dentro de un contenedor de Elementor que le agrega 10 px de
 * relleno y un ancho máximo de 1200 px: la portada no llegaba a los bordes.
 */
body.home .entry-content .e-con,
body.home .entry-content .e-con > .e-con-inner {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--container-max-width: 100%;
	max-width: none;
	padding: 0;
}

/* Elementor pasa el texto por wpautop, que mete un <p> vacío entre cada bloque. */
body.home .entry-content .elementor-widget-container p:empty {
	display: none;
}

/*
 * Elementor también aplanó los bloques de columnas: conservó las clases de
 * layout pero perdió .wp-block-columns / .wp-block-column. Sin ellas las
 * columnas no se igualan, no se apilan en celular y desbordaban el ancho
 * (scroll horizontal). Se restaura el comportamiento de WordPress.
 */
body.home .entry-content .wp-block-columns-is-layout-flex {
	align-items: stretch;
}

body.home .entry-content .wp-block-columns-is-layout-flex > .wp-block-column-is-layout-flow {
	flex: 1 1 0;
	min-width: 0;
}

@media (max-width: 781px) {
	body.home .entry-content .wp-block-columns-is-layout-flex {
		flex-wrap: wrap;
	}

	body.home .entry-content .wp-block-columns-is-layout-flex > .wp-block-column-is-layout-flow {
		flex-basis: 100%;
	}
}

/*
 * Header de escritorio en una sola línea. Con 6 ítems más el botón de
 * teléfono, el menú no entraba y "Contacto" caía a una segunda fila (header
 * de 190 px, y el teléfono partido en dos renglones). Se evita el salto de
 * línea y, en anchos intermedios, se compactan espacios, letra y logo.
 */
@media (min-width: 922px) {
	body #ast-desktop-header .ast-builder-menu-1 .main-header-menu {
		flex-wrap: nowrap;
	}

	body #ast-desktop-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
	body #ast-desktop-header .ast-header-button-1 .ast-custom-button {
		white-space: nowrap;
	}
}

@media (min-width: 922px) and (max-width: 1199px) {
	body #ast-desktop-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 14px !important;
	}

	body #ast-desktop-header .ast-header-button-1 .ast-custom-button {
		padding: 6px 12px !important;
		font-size: 14px !important;
	}
}

@media (min-width: 922px) and (max-width: 1049px) {
	body #ast-desktop-header .custom-logo-link img {
		width: 170px !important;
		max-width: 170px !important;
		height: auto !important;
	}

	body #ast-desktop-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
		padding-left: 6px !important;
		padding-right: 6px !important;
		font-size: 13px !important;
	}

	body #ast-desktop-header .ast-header-button-1 .ast-custom-button {
		padding: 6px 10px !important;
		font-size: 13px !important;
	}
}

/*
 * El contenedor de Elementor de Inicio tiene max-width 1200 px y márgenes
 * laterales propios, así que en pantallas anchas la portada quedaba con
 * franjas a los costados. Se fuerza a todo el ancho; el texto interno
 * mantiene su propio ancho máximo y sigue centrado.
 */
body.home .entry-content .elementor > .e-con {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.home .entry-content .elementor > .e-con > .e-con-inner {
	max-width: none !important;
	width: 100% !important;
}