/*
 * Estilos que llegan de fuera del tema y que el shell tiene que neutralizar.
 * Dos fuentes: el tema padre Astra y el kit de Fuentes Globales de Elementor.
 * Vive fuera de shell.css para que esa hoja siga siendo comparable linea a
 * linea con la de Noticias; su par en PHP es inc/astra.php.
 */

/*
 * Tipografia del shell. shell.css pide font-family: inherit en los items del
 * nav, pero el kit global de Elementor declara `.elementor-kit-2014 a` con Inter
 * y se encola DESPUES, asi que a igual especificidad ganaba: los enlaces del
 * header salian en Inter y solo los <button> en Poppins.
 *
 * El selector lleva el nombre del elemento a proposito (header.fz-header, no
 * .fz-header): eso sube la especificidad por encima de la del kit y deja de
 * depender del orden de encolado, que Elementor controla.
 */
header.fz-header a,
header.fz-header button,
footer.fz-footer a,
footer.fz-footer button {
  font-family: var(--fz-font);
}


/*
 * Botones de Astra fuera del shell. Astra estiliza los estados interactivos de
 * `button` como boton de accion —fondo azul de marca, texto blanco y borde—, y
 * sus selectores `button:hover` y `button:focus` ganan a una clase nuestra
 * suelta. shell.css ya lo apaga dentro del header; estos son los que viven en
 * el contenido: el disparador del indice y los numeros del paginador de
 * alternativas, que son <button> por accesibilidad y no botones de accion.
 *
 * Se neutralizan SOLO los estados interactivos, no el estado base: el base de
 * Astra ya lo gana cualquier clase nuestra, y tocarlo aqui apagaria el fondo
 * del numero de pagina activo.
 *
 * El selector lleva el nombre del elemento (button.fz-...) a proposito: eso lo
 * sube por encima del de Astra y deja de depender del orden de encolado.
 */
button.fz-single__toc-toggle:hover,
button.fz-single__toc-toggle:focus,
button.fz-single__toc-toggle:active,
button.fz-pager__link:hover,
button.fz-pager__link:focus,
button.fz-pager__link:active {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: inherit;
}
