/**
 * Neutralización de estilos de Astra que se cuelan en los elementos de Elementor.
 *
 * Solo anula; no define diseño. Los colores, las tipografías y los tamaños
 * vienen de las variables y clases globales de Elementor (docs/design-system.md).
 *
 * Cada selector va envuelto en :where(.elementor) para quedarse con la
 * especificidad mínima necesaria: gana a la regla de Astra (cargada antes)
 * y pierde frente a cualquier clase global o estilo local de Elementor.
 */

/*
 * Astra: "h1,h2,h3,h4,h5,h6,.entry-content :where(h1,…){color:var(--ast-global-color-2)}"
 * y "body,h1,…{color:var(--ast-global-color-3)}".
 * Fija un azul pizarra en todos los títulos y rompe los títulos sobre fondo oscuro.
 * Se devuelve el color heredado de la sección.
 */
:where(.elementor) h1,
:where(.elementor) h2,
:where(.elementor) h3,
:where(.elementor) h4,
:where(.elementor) h5,
:where(.elementor) h6 {
	color: inherit;
}

/*
 * Astra: "a{color:var(--ast-global-color-0)}" y
 * "a:hover,a:focus{color:var(--ast-global-color-1)}".
 * Pinta de azul los enlaces que no llevan una clase con color propio.
 */
:where(.elementor) a,
:where(.elementor) a:hover,
:where(.elementor) a:focus {
	color: inherit;
}
