/* Secciones de las páginas propias (Inicio, Sobre nosotros, Contacto, Recursos).
   Medidas en unidades del lienzo de 1920 de los PDF del 27-ago-2026: calc(N * var(--u)). */

/* Base común */
.mte-seccion {
	max-width: calc(var(--mte-ancho) + 32px);
	margin-inline: auto;
	padding-inline: 16px;
	box-sizing: border-box;
}
/* Reinicios sin especificidad (:where), para que mande la regla de cada sección. */
:where(.mte-seccion, .mte-seccion *) { box-sizing: border-box; }
/* WordPress separa los hijos de cada grupo con «:root :where(.is-layout-flow) > * { margin-block-start: 24px }»
   (especificidad 0,1,0). Este reinicio tiene la misma y carga después; los márgenes de cada sección van más abajo. */
:root :where(.mte-seccion, .mte-seccion .is-layout-flow) > * { margin-block: 0; }
:where(.entry-content) > :where(.mte-seccion) { margin-block: 0; }
:where(.mte-seccion figure) { margin: 0; }
:where(.mte-seccion img) { display: block; max-width: 100%; height: auto; }
.mte-seccion h2 {
	font-size: max(24px, calc(51 * var(--u)));
	line-height: 1.23;
}
.mte-seccion p {
	font-size: max(16px, calc(30 * var(--u)));
	line-height: 1.3;
	margin: 0;
	color: var(--mte-texto);
}
.mte-seccion .wp-block-buttons { margin: 0; gap: 0; }
.mte-seccion > h2 + p { margin-top: calc(39 * var(--u)); }
.mte-seccion .has-text-align-center { text-align: center; }

/* Inicio · portada */
.mte-portada {
	display: grid;
	grid-template-columns: calc(841 * var(--u)) 1fr;
	align-items: start;
	padding-left: calc(16px + 80 * var(--u));
}
.mte-portada__texto { padding-top: calc(68 * var(--u)); }
.mte-portada h1 {
	font-size: max(32px, calc(84 * var(--u)));
	line-height: 1.235;
	text-align: center;
	text-transform: uppercase;
	color: var(--mte-titulo);
	white-space: nowrap;
}
.mte-portada__texto p {
	margin-top: calc(25 * var(--u));
	padding-left: calc(6 * var(--u));
	font-size: max(17px, calc(34 * var(--u)));
	line-height: 1.26;
}
.mte-portada .wp-block-buttons { margin-top: calc(36 * var(--u)); }
.mte-portada .mte-boton .wp-block-button__link {
	min-height: calc(80 * var(--u));
	padding: 0 calc(30 * var(--u));
	font-size: max(13px, calc(25 * var(--u)));
}
.mte-portada__imagen {
	justify-self: end;
	width: calc(849 * var(--u));
	margin: calc(-148 * var(--u)) calc(-35 * var(--u)) 0 0;
	position: relative;
	z-index: 60;
	/* Sube sobre la cabecera, como en el PDF: es decorativa y deja pasar los clics al menú y a los botones. */
	pointer-events: none;
}
.mte-portada__imagen img { width: 100%; }

/* Inicio · valores */
.mte-valores {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin-top: calc(-49 * var(--u));
	position: relative;
	z-index: 61;
	padding-inline: calc(16px - 19 * var(--u));
}
.mte-valor { display: flex; flex-direction: column; align-items: center; }
/* Cada icono, con la posición y el alto que tiene en el PDF (fila desde y=931; etiquetas en y=1175). */
.mte-valor figure { height: calc(244 * var(--u)); display: block; position: relative; z-index: 0; }
.mte-valor img { width: auto; max-width: none; margin-inline: auto; }
.mte-valor:nth-child(1) img { margin-top: calc(5 * var(--u)); height: calc(259 * var(--u)); }
.mte-valor:nth-child(2) img { margin-top: 0; height: calc(258 * var(--u)); }
.mte-valor:nth-child(3) img { margin-top: calc(46 * var(--u)); height: calc(177 * var(--u)); }
.mte-valor:nth-child(4) img { margin-top: calc(54 * var(--u)); height: calc(177 * var(--u)); }
.mte-valor:nth-child(5) img { margin-top: calc(48 * var(--u)); height: calc(163 * var(--u)); }
.mte-valor:nth-child(6) img { margin-top: calc(41 * var(--u)); height: calc(177 * var(--u)); }
.mte-valor p {
	position: relative;
	z-index: 1;
	font-weight: 700;
	color: var(--mte-titulo);
	text-align: center;
	white-space: nowrap;
}

/* Texto con imagen (Inicio · gestión; Sobre nosotros · historia y alianza; Contacto; Recursos) */
.mte-texto-imagen {
	display: grid;
	align-items: start;
	margin-top: calc(119 * var(--u));
}
.mte-texto-imagen--gestion {
	grid-template-columns: calc(794 * var(--u)) 1fr;
	column-gap: calc(49 * var(--u));
	padding-left: calc(16px + 36 * var(--u));
}
.mte-texto-imagen--gestion .mte-texto-imagen__imagen img {
	width: 100%;
	height: calc(717 * var(--u));
	object-fit: cover;
	object-position: 35% center;
}
.mte-texto-imagen__texto h2 { text-align: left; }
.mte-texto-imagen__texto h2 + p { margin-top: calc(43 * var(--u)); }
.mte-texto-imagen__texto p { text-align: justify; hyphens: none; }
.mte-texto-imagen__texto p + p { margin-top: calc(39 * var(--u)); }

/* Inicio · galería */
.mte-galeria { margin-top: calc(165 * var(--u)); }
.mte-galeria img { width: calc(1632 * var(--u)); margin-inline: auto; }

/* Equipo (Inicio y Sobre nosotros) */
.mte-equipo { margin-top: calc(75 * var(--u)); }
.mte-equipo > h2 { text-align: center; }
.mte-equipo__fila {
	display: flex;
	justify-content: center;
	gap: calc(26 * var(--u));
	width: fit-content;
	margin: calc(85 * var(--u)) auto 0;
	padding: calc(4 * var(--u)) calc(26 * var(--u)) calc(14 * var(--u));
	background: var(--mte-gris-claro);
}
.mte-equipo__fila + .mte-equipo__fila { margin-top: calc(62 * var(--u)); }
.mte-persona { width: calc(365 * var(--u)); }
.mte-persona img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.mte-seccion .mte-persona__nombre {
	margin-top: calc(26 * var(--u));
	font-size: max(13px, calc(26 * var(--u)));
	font-weight: 700;
	color: var(--mte-titulo);
}
.mte-seccion .mte-persona__cargo {
	margin-top: calc(14 * var(--u));
	font-size: max(11px, calc(20 * var(--u)));
	color: #575756;
}

/* Inicio · cartilla */
.mte-cartilla { margin-top: calc(100 * var(--u)); text-align: center; }
.mte-cartilla > h2 + p { margin-top: calc(54 * var(--u)); }
.mte-cartilla__portada { margin-top: calc(53 * var(--u)); }
.mte-cartilla__portada img { width: calc(730 * var(--u)); margin-inline: auto; }
.mte-cartilla .mte-boton {
	margin-top: calc(47 * var(--u));
	min-width: calc(428 * var(--u));
	min-height: calc(79 * var(--u));
	font-size: max(13px, calc(25 * var(--u)));
}

/* Inicio · soluciones */
.mte-soluciones { margin-top: calc(107 * var(--u)); }
.mte-soluciones > p { max-width: calc(1602 * var(--u)); margin-inline: auto; }
.mte-soluciones__tarjetas {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(15 * var(--u));
	margin: calc(69 * var(--u)) calc(-19 * var(--u)) 0;
}
.mte-tarjeta {
	background: var(--mte-gris);
	padding: calc(36 * var(--u)) calc(25 * var(--u)) calc(40 * var(--u));
	min-height: calc(784 * var(--u));
}
.mte-tarjeta img { width: 100%; height: calc(397 * var(--u)); object-fit: cover; }
.mte-tarjeta p { margin-top: calc(37 * var(--u)); text-align: justify; }

/* Inicio · noticias (bloque «Últimas entradas») */
.mte-noticias { margin-top: calc(125 * var(--u)); }
.mte-noticias > p { max-width: calc(1738 * var(--u)); margin-inline: auto; }
.mte-noticias__lista.wp-block-latest-posts.is-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: calc(34 * var(--u));
	margin: calc(80 * var(--u)) 0 0;
	padding: 0;
	list-style: none;
}
.mte-noticias__lista.wp-block-latest-posts.is-grid > li { width: auto; margin: 0; }
.mte-noticias__lista .wp-block-latest-posts__featured-image { margin: 0; }
.mte-noticias__lista .wp-block-latest-posts__featured-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	display: block;
}
.mte-noticias__lista .wp-block-latest-posts__post-title {
	display: block;
	margin-top: calc(40 * var(--u));
	font-size: max(15px, calc(30 * var(--u)));
	line-height: 1.3;
	color: var(--mte-verde);
	text-decoration: none;
}
.mte-noticias__lista .wp-block-latest-posts__post-title:hover { text-decoration: underline; }
.mte-noticias__lista .wp-block-latest-posts__post-date {
	display: block;
	margin-top: calc(21 * var(--u));
	font-size: max(11px, calc(20 * var(--u)));
	color: #000;
}

/* Entidades aliadas (todas las páginas propias) */
.mte-aliados { margin-top: calc(134 * var(--u)); margin-bottom: calc(134 * var(--u)); }
.mte-aliados > h2 { text-align: center; }
.mte-aliados__fila {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: calc(68 * var(--u)) calc(-6 * var(--u)) 0;
}
.mte-aliados__fila figure { flex: none; }
.mte-aliados__fila img { width: auto; }
.mte-aliados__fila figure:nth-child(1) img { height: calc(117 * var(--u)); }
.mte-aliados__fila figure:nth-child(2) img { height: calc(125 * var(--u)); }
.mte-aliados__fila figure:nth-child(3) img { height: calc(114 * var(--u)); }
.mte-aliados__fila figure:nth-child(4) img { height: calc(46 * var(--u)); }
.mte-aliados__fila figure:nth-child(5) img { height: calc(83 * var(--u)); }
.mte-aliados__fila figure:nth-child(6) img { height: calc(59 * var(--u)); }
.mte-aliados__fila figure:nth-child(7) img { height: calc(54 * var(--u)); }
.mte-aliados__fila figure:nth-child(8) img { height: calc(55 * var(--u)); }

/* Banner de página interior (Sobre nosotros, Contacto, Recursos): foto del grupo con título y ruta */
.mte-banner {
	position: relative;
	display: grid;
	max-width: calc(1736 * var(--u) + 32px);
	margin: calc(40 * var(--u)) auto 0;
	padding-inline: 16px;
	box-sizing: border-box;
}
.mte-banner > * { grid-area: 1 / 1; margin: 0; }
.mte-banner__imagen img {
	display: block;
	width: 100%;
	height: calc(305 * var(--u));
	min-height: 120px;
	object-fit: cover;
	object-position: center 22%;
}
.mte-banner__texto {
	align-self: center;
	justify-self: center;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 0 16px;
}
.mte-banner::after {
	content: "";
	grid-area: 1 / 1;
	background: rgba(0, 0, 0, .18);
	pointer-events: none;
}
.mte-banner .mte-banner__titulo,
.mte-banner .mte-banner__ruta {
	margin: 0;
	color: #fff;
	font-size: max(12px, calc(22 * var(--u)));
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}
.mte-banner .mte-banner__titulo { font-weight: 700; }
.mte-banner .mte-banner__ruta { margin-top: calc(16 * var(--u)); }

/* Sobre nosotros · historia (dos fotos apiladas y texto) */
.mte-texto-imagen--historia {
	grid-template-columns: calc(851 * var(--u)) 1fr;
	column-gap: calc(26 * var(--u));
	padding-left: calc(16px + 19 * var(--u));
	margin-top: calc(109 * var(--u));
}
.mte-texto-imagen__imagenes { padding-top: calc(19 * var(--u)); }
.mte-texto-imagen__imagenes img { width: 100%; height: calc(478 * var(--u)); object-fit: cover; }
.mte-texto-imagen__imagenes figure + figure { margin-top: calc(67 * var(--u)); }
.mte-texto-imagen--historia .mte-texto-imagen__texto p + p { margin-top: calc(38 * var(--u)); }

/* Sobre nosotros · objetivos */
.mte-objetivos { margin-top: calc(89 * var(--u)); }
.mte-objetivos > h2 + p { margin-top: calc(48 * var(--u)); }
.mte-objetivos__rejilla {
	display: grid;
	grid-template-columns: calc(834 * var(--u)) calc(842 * var(--u));
	column-gap: calc(42 * var(--u));
	row-gap: calc(64 * var(--u));
	margin-top: calc(89 * var(--u));
	padding-left: calc(20 * var(--u));
}
.mte-objetivo {
	display: grid;
	grid-template-columns: var(--area) 1fr;
	align-items: start;
}
.mte-objetivo--1, .mte-objetivo--3 { --area: calc(427 * var(--u)); }
.mte-objetivo--2, .mte-objetivo--4 { --area: calc(406 * var(--u)); }
.mte-objetivo figure { position: relative; z-index: 0; }
.mte-objetivo img { max-width: none; }
.mte-objetivo--1 img { width: calc(400 * var(--u)); margin: calc(32 * var(--u)) 0 0 calc(28 * var(--u)); }
.mte-objetivo--2 img { width: calc(420 * var(--u)); }
.mte-objetivo--3 img { width: calc(411 * var(--u)); margin-left: calc(2 * var(--u)); }
.mte-objetivo--4 img { width: calc(358 * var(--u)); margin: calc(27 * var(--u)) 0 0 calc(31 * var(--u)); }
.mte-objetivo__texto { position: relative; z-index: 1; max-width: calc(407 * var(--u)); }
.mte-objetivo--1 .mte-objetivo__texto { padding-top: calc(36 * var(--u)); }
.mte-objetivo--2 .mte-objetivo__texto { padding-top: calc(46 * var(--u)); }
.mte-objetivo--3 .mte-objetivo__texto,
.mte-objetivo--4 .mte-objetivo__texto { padding-top: calc(33 * var(--u)); }
.mte-objetivo h3 { font-size: max(22px, calc(51 * var(--u))); line-height: 1.3; }
.mte-objetivo h3 + p { margin-top: calc(25 * var(--u)); text-align: justify; }

/* Sobre nosotros · alianza */
.mte-alianza { margin-top: calc(65 * var(--u)); }
.mte-alianza > h2 { text-align: center; }
.mte-alianza__fila {
	display: grid;
	grid-template-columns: calc(830 * var(--u)) calc(807 * var(--u));
	column-gap: calc(64 * var(--u));
	align-items: start;
	margin-top: calc(98 * var(--u));
	padding-left: calc(19 * var(--u));
}
.mte-alianza__texto p { text-align: justify; }
.mte-alianza__texto p + p { margin-top: calc(38 * var(--u)); }
.mte-alianza__fila figure { margin-top: calc(8 * var(--u)); }
.mte-alianza__fila img { width: 100%; height: calc(428 * var(--u)); object-fit: cover; }

/* Sobre nosotros · equipo de trabajo (marcos verticales, sin fondo gris) */
.mte-equipo--trabajo { margin-top: calc(90 * var(--u)); }
.mte-equipo--trabajo > h2 + p { margin-top: calc(44 * var(--u)); max-width: calc(1700 * var(--u)); margin-inline: auto; }
.mte-equipo--trabajo .mte-equipo__fila {
	gap: calc(60 * var(--u));
	margin-top: calc(126 * var(--u));
	padding: 0;
	background: none;
	margin-inline: calc(-30 * var(--u)) calc(-11 * var(--u));
	width: auto;
	justify-content: space-between;
}
.mte-equipo--trabajo .mte-persona { width: calc(392 * var(--u)); }
.mte-equipo--trabajo .mte-persona img { aspect-ratio: 392 / 530; object-position: center top; }
.mte-equipo--trabajo .mte-persona__nombre { margin-top: calc(30 * var(--u)); font-size: max(15px, calc(32 * var(--u))); color: #000; }
.mte-equipo--trabajo .mte-persona__cargo { margin-top: calc(4 * var(--u)); font-size: max(15px, calc(32 * var(--u))); color: #000; }
.mte-equipo--trabajo :is(.mte-persona__nombre, .mte-persona__cargo) { white-space: nowrap; }
.mte-equipo--trabajo + .mte-aliados { margin-top: calc(190 * var(--u)); }

/* Contacto · Hablemos */
.mte-hablemos { margin-top: calc(91 * var(--u)); text-align: center; }
.mte-hablemos > h2 + p { margin-top: calc(46 * var(--u)); max-width: calc(1717 * var(--u)); margin-inline: auto; }
.mte-hablemos .wp-block-buttons { justify-content: center; margin-top: calc(67 * var(--u)); }
.mte-hablemos .mte-boton .wp-block-button__link,
.mte-recurso .mte-boton {
	min-height: calc(80 * var(--u));
	min-width: calc(428 * var(--u));
	font-size: max(13px, calc(25 * var(--u)));
}

/* Contacto · texto con ilustración (la ilustración llega hasta el borde derecho de la página) */
.mte-texto-imagen--contacto {
	grid-template-columns: calc(823 * var(--u)) 1fr;
	margin-top: calc(48 * var(--u));
	padding-left: calc(16px - 6 * var(--u));
	overflow-x: clip;
	overflow-y: visible;
}
.mte-texto-imagen--contacto .mte-texto-imagen__texto { padding-top: calc(59 * var(--u)); }
.mte-texto-imagen--contacto h2 { white-space: nowrap; }
.mte-texto-imagen--contacto h2 + p { margin-top: calc(35 * var(--u)); }
.mte-texto-imagen--contacto p { font-size: max(16px, calc(35 * var(--u))); line-height: 1.29; }
.mte-texto-imagen--contacto .mte-texto-imagen__imagen { margin-left: calc(-45 * var(--u)); }
.mte-texto-imagen--contacto .mte-texto-imagen__imagen img { width: calc(1080 * var(--u)); max-width: none; }

/* Contacto · datos en cuatro columnas */
.mte-datos {
	display: grid;
	grid-template-columns: calc(426 * var(--u)) calc(401 * var(--u)) calc(420 * var(--u)) 1fr;
	margin-top: calc(-7 * var(--u));
	padding-left: calc(16px + 13 * var(--u));
}
.mte-dato h3 {
	font-size: max(16px, calc(35 * var(--u)));
	line-height: 1.3;
	color: var(--mte-verde);
	text-transform: uppercase;
}
.mte-dato h3 + p { margin-top: calc(43 * var(--u)); }
.mte-dato p { font-size: max(16px, calc(35 * var(--u))); line-height: 1.26; }
.mte-dato p + p { margin-top: calc(38 * var(--u)); }
.mte-dato a { color: inherit; text-decoration: none; }
.mte-dato a:hover { color: var(--mte-verde); }
.mte-datos + .mte-aliados { margin-top: calc(85 * var(--u)); }

/* Recursos · bloques de texto e imagen */
.mte-recurso {
	display: grid;
	grid-template-columns: calc(831 * var(--u)) calc(822 * var(--u));
	justify-content: space-between;
	align-items: start;
	padding-left: calc(16px - 4 * var(--u));
	margin-top: calc(114 * var(--u));
}
.mte-recurso--1 { margin-top: calc(162 * var(--u)); }
.mte-recurso--3 { margin-top: calc(133 * var(--u)); }
.mte-recurso h2 { text-align: left; }
.mte-recurso h2 + p { margin-top: calc(41 * var(--u)); }
.mte-recurso p { font-size: max(16px, calc(35 * var(--u))); line-height: 1.21; text-align: justify; }
.mte-recurso .mte-boton { margin-top: calc(68 * var(--u)); min-width: 0; padding-inline: calc(31 * var(--u)); font-size: max(13px, calc(27 * var(--u))); min-height: calc(85 * var(--u)); }
.mte-recurso--1 .mte-boton { margin-left: calc(-12 * var(--u)); }
.mte-recurso--1 figure { margin-top: calc(18 * var(--u)); }
.mte-recurso--1 img { height: calc(460 * var(--u)); }
.mte-recurso--2 figure { margin-top: calc(14 * var(--u)); }
.mte-recurso--2 img { height: calc(619 * var(--u)); }
.mte-recurso--3 figure { margin-top: calc(9 * var(--u)); }
.mte-recurso--3 img { height: calc(484 * var(--u)); }
.mte-recurso img { width: 100%; object-fit: cover; }
.mte-recurso + .mte-aliados { margin-top: calc(89 * var(--u)); }
