/* Adecuación de estilo de lo que la propuesta no rediseña (Noticias, Proyectos, entradas, 404 y barra lateral):
   mismo contenido y estructura de zakra, con la tipografía, los colores y el banner del sistema MTE 2026. */

/* Títulos en Red Hat Text: zakra fija Lora en línea con selectores más específicos. */
:is(h1, h2, h3, h4, h5, h6, .zak-entry-title, .zak-page-title, .widget-title, .wp-block-heading) {
	font-family: var(--mte-fuente) !important;
	color: var(--mte-titulo);
}

/* Cabecera de página de zakra (archivo, entrada, 404) con el aspecto del banner de las páginas propias.
   El CSS adicional de zakra (que el hijo hereda por custom_css_post_id) la pone a 100vw con
   «.zak-page-header.zak-style-3 {…!important}» (0,2,0): este selector (0,2,1) le gana. */
body .zak-page-header.zak-style-3,
.zak-page-header {
	position: relative;
	width: 100% !important;
	max-width: calc(1736 * var(--u) + 32px) !important;
	min-height: max(120px, calc(305 * var(--u)));
	margin: calc(40 * var(--u)) auto 0 !important;
	padding: 0 16px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	box-sizing: border-box;
}
.zak-page-header::before {
	content: "";
	position: absolute;
	inset: 0 16px;
	background: linear-gradient(rgba(0, 0, 0, .18), rgba(0, 0, 0, .18)),
		url("/wp-content/uploads/2025/12/banner.jpeg") center 22% / cover no-repeat;
}
.zak-page-header > * { position: relative; z-index: 1; }
.zak-page-header .zak-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: calc(16 * var(--u));
}
.zak-page-header .zak-page-title,
.zak-page-header h1 {
	margin: 0;
	color: #fff !important;
	font-size: max(14px, calc(22 * var(--u))) !important;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}
.zak-page-header .zak-breadcrumbs,
.zak-page-header .zak-breadcrumbs a,
.zak-page-header .trail-items li,
.zak-page-header .trail-items li::after {
	color: #fff !important;
	font-size: max(12px, calc(22 * var(--u)));
	text-transform: uppercase;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

/* Listado de entradas y entrada individual */
.zak-entry-title a { color: var(--mte-titulo); text-decoration: none; }
.zak-entry-title a:hover { color: var(--mte-verde); }
.zak-entry-meta, .zak-entry-meta a { font-size: max(12px, calc(20 * var(--u))); }
.zak-entry-thumbnail img { border-radius: 0; }

/* Botones de zakra («Leer más», «Go Back», «Publicar comentario») en píldora verde oscura */
.zak-button, .zak-entry-footer .zak-button, .zak-error-404 .zak-button,
.comment-form input[type="submit"], .search-submit {
	background: var(--mte-verde-oscuro) !important;
	border-color: var(--mte-verde-oscuro) !important;
	color: #fff !important;
	border-radius: 999px !important;
	font-family: var(--mte-fuente);
	font-weight: 700;
	text-transform: uppercase;
}
.zak-read-more a, .more-link { color: var(--mte-verde); font-weight: 700; }

/* Barra lateral */
.widget-title, .zak-widget-title { font-weight: 700; font-size: max(17px, calc(32 * var(--u))) !important; }
.widget a { color: var(--mte-verde); text-decoration: none; }
.widget a:hover { text-decoration: underline; }