/*
Theme Name: Meseta Alta
Theme URI: https://altiplanoinformativo.com
Author: Factoría Digital
Author URI: https://factoriadigital.store
Description: Tema periodístico de registro editorial para Altiplano Informativo. Cabecera de doble filete con lexotipo grande, apertura con titular sobre la fotografía, sumario del día a tres columnas y secciones a dos columnas. Portada sin barra lateral. Paleta crema, vino y oro viejo; tipografía Bodoni Moda y Karla. Incluye capitular, JSON-LD NewsArticle, tres zonas publicitarias a media página y nueve páginas institucionales autogeneradas.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meseta-alta
Tags: news, magazine, editorial, boxed, custom-menu, featured-images
*/

/* ============================================================
   1. VARIABLES
   ============================================================ */
:root{
	--ma-crema:#F5F0E6;
	--ma-crema-2:#EDE6D8;
	--ma-papel:#FBF8F2;
	--ma-vino:#71212C;
	--ma-vino-osc:#521018;
	--ma-oro:#A8894B;
	--ma-tinta:#2A2320;
	--ma-tinta-2:#5A504A;
	--ma-tinta-3:#8A7F77;
	--ma-linea:#D6CCB8;
	--ma-linea-2:#C0B49C;
	--ma-max:1300px;
	--ma-titular:"Bodoni Moda", Didot, "Times New Roman", Georgia, serif;
	--ma-cuerpo:"Karla", "Segoe UI", Helvetica, Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
	margin:0;
	background:#E2D9C6;
	color:var(--ma-tinta);
	font-family:var(--ma-cuerpo);
	font-size:17px;
	line-height:1.64;
}
img{max-width:100%;height:auto;display:block;}
svg{display:block;}
a{color:var(--ma-vino);text-decoration:none;}
a:hover{color:var(--ma-vino-osc);}
h1,h2,h3,h4,h5,h6{
	font-family:var(--ma-titular);font-weight:700;line-height:1.14;
	margin:0 0 .45em;color:var(--ma-tinta);
}
h1 a,h2 a,h3 a,h4 a{color:var(--ma-tinta);}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color:var(--ma-vino);}
p{margin:0 0 1.1em;}
figure{margin:0;}
.ma-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

/* Miniaturas: bloque siempre, nunca inline. */
.ma-thumb{
	display:block;position:relative;width:100%;
	overflow:hidden;background:var(--ma-crema-2);line-height:0;
}
.ma-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ma-body{min-width:0;overflow-wrap:break-word;word-wrap:break-word;}
h1,h2,h3,h4{overflow-wrap:break-word;word-wrap:break-word;}

/* ============================================================
   2. CONTENEDOR
   ============================================================ */
.ma-shell{
	max-width:var(--ma-max);
	margin:0 auto;
	background:var(--ma-crema);
	box-shadow:0 0 44px rgba(42,35,32,.20);
}
.ma-wrap{max-width:1200px;margin:0 auto;padding:0 26px;}

/* ============================================================
   3. CABECERA EDITORIAL DE DOBLE FILETE
   ============================================================ */
.ma-cabecera{background:var(--ma-crema);padding:22px 0 0;}
.ma-fecha-linea{
	display:flex;align-items:center;justify-content:space-between;gap:18px;
	font-family:var(--ma-cuerpo);font-size:12.5px;letter-spacing:.14em;
	text-transform:uppercase;color:var(--ma-tinta-3);font-weight:700;
	padding-bottom:12px;flex-wrap:wrap;
}
.ma-fecha-linea .ma-edicion{color:var(--ma-vino);}
.ma-filete{border:0;border-top:2px solid var(--ma-tinta);margin:0;}
.ma-filete--doble{
	border:0;height:5px;margin:0;
	border-top:2px solid var(--ma-tinta);
	border-bottom:1px solid var(--ma-tinta);
}
.ma-filete--fino{border:0;border-top:1px solid var(--ma-linea);margin:0;}

.ma-masthead{
	display:flex;align-items:center;justify-content:space-between;
	gap:26px;padding:22px 0 20px;
}
.ma-logo{display:block;flex-shrink:0;}
.ma-logo svg{height:74px;width:auto;max-width:100%;}
.ma-logo img{max-height:82px;width:auto;}
.ma-lema{
	font-family:var(--ma-titular);font-style:italic;font-size:17px;
	color:var(--ma-tinta-2);text-align:right;max-width:330px;line-height:1.4;
}
.ma-masthead-buscador form{display:flex;align-items:center;border:1px solid var(--ma-linea-2);background:var(--ma-papel);}
.ma-masthead-buscador input[type="search"]{
	border:0;background:transparent;padding:9px 11px;font-family:var(--ma-cuerpo);
	font-size:14px;width:150px;outline:none;color:var(--ma-tinta);
}
.ma-masthead-buscador button{
	border:0;background:var(--ma-vino);color:#fff;font-weight:700;
	padding:10px 13px;cursor:pointer;font-family:var(--ma-cuerpo);
	font-size:12px;letter-spacing:.12em;text-transform:uppercase;
}
.ma-masthead-buscador button:hover{background:var(--ma-vino-osc);}

.ma-navbar{background:var(--ma-crema);position:relative;}
.ma-navbar .ma-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;}
.ma-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.ma-menu li{position:relative;}
.ma-menu > li > a{
	display:block;padding:12px 15px 12px 0;margin-right:15px;
	font-family:var(--ma-cuerpo);font-size:13px;font-weight:700;
	letter-spacing:.16em;text-transform:uppercase;color:var(--ma-tinta);
	position:relative;
}
.ma-menu > li:not(:last-child) > a::after{
	content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);
	width:1px;height:13px;background:var(--ma-linea-2);
}
.ma-menu > li > a:hover,
.ma-menu > li.current-menu-item > a{color:var(--ma-vino);}
.ma-menu .sub-menu{
	list-style:none;margin:0;padding:6px 0;position:absolute;left:0;top:100%;
	background:var(--ma-papel);min-width:224px;display:none;z-index:60;
	border:1px solid var(--ma-linea-2);border-top:3px solid var(--ma-vino);
}
.ma-menu li:hover > .sub-menu{display:block;}
.ma-menu .sub-menu a{display:block;padding:9px 16px;color:var(--ma-tinta);font-size:14px;letter-spacing:.03em;text-transform:none;font-weight:600;}
.ma-menu .sub-menu a:hover{background:var(--ma-crema-2);color:var(--ma-vino);}

.ma-toggle{
	display:none;background:transparent;border:1px solid var(--ma-tinta);
	color:var(--ma-tinta);padding:8px 13px;cursor:pointer;font-family:var(--ma-cuerpo);
	font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
}

/* ============================================================
   4. ZONAS PUBLICITARIAS
   ============================================================ */
.ma-ad{margin:38px 0;text-align:center;clear:both;}
.ma-ad-inner{
	border-top:2px solid var(--ma-tinta);border-bottom:2px solid var(--ma-tinta);
	background:var(--ma-papel);
	min-height:104px;display:flex;align-items:center;justify-content:center;
	font-family:var(--ma-cuerpo);font-weight:700;letter-spacing:.28em;
	text-transform:uppercase;color:var(--ma-tinta-3);font-size:13px;padding:20px;
}
.ma-ad-inner a{color:var(--ma-tinta-2);}
.ma-ad-inner a:hover{color:var(--ma-vino);}
.ma-ad--lateral .ma-ad-inner{min-height:250px;}

/* ============================================================
   5. APERTURA: TITULAR ARRIBA DE LA FOTO
   ============================================================ */
.ma-apertura{padding:30px 0 0;text-align:center;}
.ma-apertura .ma-kicker{margin-bottom:14px;}
.ma-apertura h2{
	font-size:52px;line-height:1.02;margin:0 auto 16px;max-width:1000px;
	font-weight:700;letter-spacing:-.012em;
}
.ma-apertura .ma-bajada{
	font-family:var(--ma-titular);font-style:italic;font-size:21px;
	color:var(--ma-tinta-2);max-width:780px;margin:0 auto 18px;line-height:1.42;
}
.ma-apertura .ma-meta{margin-bottom:20px;}
.ma-apertura .ma-thumb{aspect-ratio:21/9;}

.ma-kicker{
	display:inline-block;font-family:var(--ma-cuerpo);font-weight:700;font-size:12px;
	letter-spacing:.24em;text-transform:uppercase;color:var(--ma-vino);
	position:relative;padding:0 0 8px;
}
.ma-kicker::after{
	content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;
	width:38px;height:2px;background:var(--ma-oro);
}
.ma-kicker--izq{padding-bottom:0;}
.ma-kicker--izq::after{display:none;}
.ma-meta{
	font-family:var(--ma-cuerpo);font-size:12px;color:var(--ma-tinta-3);
	letter-spacing:.14em;text-transform:uppercase;font-weight:700;
}

/* ============================================================
   6. SUMARIO DEL DÍA A TRES COLUMNAS
   ============================================================ */
.ma-sumario{margin:34px 0 0;}
.ma-sumario-titulo{
	text-align:center;font-family:var(--ma-cuerpo);font-size:12px;font-weight:700;
	letter-spacing:.3em;text-transform:uppercase;color:var(--ma-tinta-3);
	margin-bottom:16px;
}
.ma-sumario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.ma-sumario-grid article{padding:20px 26px;border-left:1px solid var(--ma-linea);}
.ma-sumario-grid article:first-child{border-left:0;padding-left:0;}
.ma-sumario-grid article:last-child{padding-right:0;}
.ma-sumario-grid h3{font-size:23px;line-height:1.12;margin:9px 0 8px;}
.ma-sumario-grid .ma-thumb{aspect-ratio:3/2;margin-bottom:12px;}

/* ============================================================
   7. SECCIONES A DOS COLUMNAS
   ============================================================ */
.ma-seccion{margin:42px 0;position:relative;clear:both;}
.ma-seccion-head{
	display:flex;align-items:center;justify-content:space-between;gap:18px;
	border-bottom:2px solid var(--ma-tinta);padding-bottom:8px;margin-bottom:22px;
	position:relative;
}
.ma-seccion-head h2{
	font-size:30px;margin:0;font-weight:700;letter-spacing:.01em;
}
.ma-seccion-head h2 em{font-style:italic;color:var(--ma-vino);}
.ma-seccion-head .ma-verlas{
	font-family:var(--ma-cuerpo);font-size:12px;font-weight:700;letter-spacing:.16em;
	text-transform:uppercase;color:var(--ma-vino);white-space:nowrap;
}

.ma-doble{display:grid;grid-template-columns:1fr 1fr;gap:38px;}
.ma-doble > div{min-width:0;}
.ma-nota-lead .ma-thumb{aspect-ratio:16/10;margin-bottom:14px;}
.ma-nota-lead h3{font-size:30px;line-height:1.1;margin-bottom:10px;}
.ma-resumen{color:var(--ma-tinta-2);font-size:16px;margin-bottom:9px;}

.ma-columna-lista{list-style:none;margin:0;padding:0;}
.ma-columna-lista li{
	padding:16px 0;border-bottom:1px solid var(--ma-linea);
}
.ma-columna-lista li:first-child{padding-top:0;}
.ma-columna-lista li:last-child{border-bottom:0;}
.ma-columna-lista h3{font-size:21px;line-height:1.14;margin:6px 0 6px;}

/* ============================================================
   8. LAYOUT CON LATERAL (nota y archivo)
   ============================================================ */
.ma-cols{display:grid;grid-template-columns:1fr 320px;gap:44px;padding:28px 0 46px;align-items:start;}
.ma-principal{min-width:0;}
.ma-sidebar .widget{
	background:var(--ma-papel);border:1px solid var(--ma-linea);
	padding:20px 22px;margin-bottom:24px;
}
.ma-sidebar .widget-title{
	font-family:var(--ma-cuerpo);font-size:12px;font-weight:700;text-transform:uppercase;
	letter-spacing:.22em;color:var(--ma-tinta-3);
	border-bottom:1px solid var(--ma-linea);padding-bottom:10px;margin-bottom:14px;
}
.ma-sidebar ul{list-style:none;margin:0;padding:0;}
.ma-sidebar li{padding:9px 0;border-bottom:1px solid var(--ma-linea);font-size:15.5px;}
.ma-sidebar li:last-child{border-bottom:0;}
.ma-ranking{list-style:none;margin:0;padding:0;}
.ma-ranking li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--ma-linea);}
.ma-ranking li:last-child{border-bottom:0;}
.ma-ranking .ma-num{
	font-family:var(--ma-titular);font-weight:700;font-size:26px;color:var(--ma-oro);
	line-height:.9;min-width:30px;
}
.ma-ranking h4{font-size:17px;line-height:1.16;margin:0;}

/* ============================================================
   9. NOTA INDIVIDUAL CON CAPITULAR
   ============================================================ */
.ma-entrada{background:var(--ma-papel);border:1px solid var(--ma-linea);padding:40px 52px 48px;}
.ma-entrada-head{text-align:center;border-bottom:1px solid var(--ma-linea);padding-bottom:22px;margin-bottom:26px;}
.ma-entrada h1{font-size:44px;line-height:1.04;margin:14px 0 16px;letter-spacing:-.01em;}
.ma-entrada .ma-sumario-nota{
	font-family:var(--ma-titular);font-style:italic;font-size:20px;
	color:var(--ma-tinta-2);line-height:1.44;margin:0 auto 16px;max-width:720px;
}
.ma-entrada-meta{
	display:flex;flex-wrap:wrap;gap:18px;justify-content:center;
	font-family:var(--ma-cuerpo);font-size:11.5px;text-transform:uppercase;
	letter-spacing:.16em;color:var(--ma-tinta-3);font-weight:700;
}
.ma-portada-nota{margin:0 0 28px;}
.ma-portada-nota figcaption{
	font-size:13.5px;color:var(--ma-tinta-3);padding:9px 2px;
	border-bottom:1px solid var(--ma-linea);font-style:italic;
}
.ma-contenido{font-size:18px;line-height:1.76;}
.ma-contenido > p:first-of-type::first-letter{
	float:left;font-family:var(--ma-titular);font-weight:700;font-size:74px;
	line-height:.78;padding:6px 12px 0 0;color:var(--ma-vino);
}
.ma-contenido h2{font-size:29px;margin:1.6em 0 .5em;}
.ma-contenido h3{font-size:24px;margin:1.4em 0 .5em;}
.ma-contenido blockquote{
	margin:1.8em 0;padding:0 0 0 26px;border-left:3px solid var(--ma-oro);
	font-family:var(--ma-titular);font-style:italic;font-size:23px;
	line-height:1.36;color:var(--ma-vino);
}
.ma-contenido blockquote p:last-child{margin-bottom:0;}
.ma-contenido img{margin:1.5em 0;}
.ma-contenido a{color:var(--ma-vino);text-decoration:underline;text-underline-offset:3px;}
.ma-contenido ul,.ma-contenido ol{padding-left:1.3em;margin:0 0 1.2em;}
.ma-contenido li{margin-bottom:.45em;}
.ma-tags{margin-top:30px;padding-top:18px;border-top:1px solid var(--ma-linea);}
.ma-tags a{
	display:inline-block;background:var(--ma-crema);border:1px solid var(--ma-linea-2);
	padding:5px 12px;margin:0 6px 6px 0;font-size:13.5px;letter-spacing:.04em;
}
.ma-tags a:hover{background:var(--ma-vino);color:#fff;border-color:var(--ma-vino);}
.ma-relacionadas{margin-top:40px;}
.ma-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.ma-grid3 .ma-thumb{aspect-ratio:3/2;margin-bottom:11px;}
.ma-grid3 h4{font-size:19px;line-height:1.14;margin:0;}

/* ============================================================
   10. ARCHIVOS Y PÁGINAS
   ============================================================ */
.ma-archivo-head{
	text-align:center;padding:34px 0 24px;
	border-bottom:2px solid var(--ma-tinta);margin-bottom:6px;
}
.ma-archivo-head h1{font-size:44px;margin:0;font-weight:700;}
.ma-archivo-head p{
	margin:10px auto 0;color:var(--ma-tinta-2);font-size:16.5px;max-width:640px;
	font-family:var(--ma-titular);font-style:italic;
}

.ma-lista-archivo{list-style:none;margin:0;padding:0;}
.ma-lista-archivo li{
	display:grid;grid-template-columns:250px 1fr;gap:26px;
	padding:24px 0;border-bottom:1px solid var(--ma-linea);align-items:start;
}
.ma-lista-archivo .ma-thumb{aspect-ratio:3/2;}
.ma-lista-archivo h2{font-size:27px;line-height:1.1;margin-bottom:9px;}

.ma-pagina{background:var(--ma-papel);border:1px solid var(--ma-linea);padding:40px 52px 50px;}
.ma-pagina h1{
	font-size:42px;text-align:center;margin-bottom:8px;
}
.ma-pagina > h1 + .ma-contenido{border-top:2px solid var(--ma-tinta);padding-top:26px;margin-top:18px;}
.ma-pagina .ma-contenido > p:first-of-type::first-letter{float:none;font-size:inherit;padding:0;color:inherit;line-height:inherit;font-family:inherit;font-weight:inherit;}
.ma-pagina table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:16px;}
.ma-pagina th{
	background:var(--ma-tinta);color:var(--ma-crema);text-align:left;padding:11px 14px;
	font-family:var(--ma-cuerpo);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
}
.ma-pagina td{border-bottom:1px solid var(--ma-linea);padding:11px 14px;vertical-align:top;}
.ma-pagina tr:nth-child(even) td{background:var(--ma-crema);}

.ma-paginacion{margin:36px 0 10px;text-align:center;}
.ma-paginacion .page-numbers{
	display:inline-block;padding:9px 15px;margin:0 3px;background:var(--ma-papel);
	border:1px solid var(--ma-linea-2);font-family:var(--ma-cuerpo);font-weight:700;
	font-size:14px;color:var(--ma-tinta);
}
.ma-paginacion .page-numbers.current,
.ma-paginacion .page-numbers:hover{background:var(--ma-vino);color:#fff;border-color:var(--ma-vino);}

/* ============================================================
   11. PIE
   ============================================================ */
.ma-footer{background:var(--ma-tinta);color:#C9BFB6;margin-top:16px;}
.ma-footer-top{padding:44px 0 34px;border-bottom:1px solid rgba(255,255,255,.10);}
.ma-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:34px;}
.ma-footer h4{
	color:#fff;font-family:var(--ma-cuerpo);font-size:12px;text-transform:uppercase;
	letter-spacing:.22em;font-weight:700;margin-bottom:15px;padding-bottom:9px;
	border-bottom:1px solid var(--ma-oro);display:inline-block;
}
.ma-footer a{color:#C9BFB6;}
.ma-footer a:hover{color:var(--ma-oro);}
.ma-footer ul{list-style:none;margin:0;padding:0;}
.ma-footer li{padding:5px 0;font-size:15.5px;}
.ma-footer-logo{line-height:0;margin-bottom:16px;}
.ma-footer-logo svg{display:block;height:60px;width:auto;max-width:100%;}
.ma-footer-desc{font-size:15px;line-height:1.62;}
.ma-footer-bottom{
	padding:17px 0;font-size:13px;display:flex;justify-content:space-between;
	gap:14px;flex-wrap:wrap;letter-spacing:.03em;
}
.ma-footer-bottom .ma-credito a{color:var(--ma-oro);font-weight:700;}

/* ============================================================
   12. RESPONSIVO
   ============================================================ */
@media (max-width:1080px){
	.ma-cols{grid-template-columns:1fr;}
	.ma-doble{grid-template-columns:1fr;gap:30px;}
	.ma-footer-grid{grid-template-columns:1fr 1fr;}
	.ma-entrada,.ma-pagina{padding:30px 28px 36px;}
	.ma-apertura h2{font-size:38px;}
	.ma-entrada h1{font-size:34px;}
	.ma-lema{display:none;}
}
@media (max-width:880px){
	.ma-toggle{display:block;}
	.ma-navbar .ma-wrap{justify-content:flex-start;}
	.ma-menu{
		display:none;position:absolute;left:0;right:0;top:100%;background:var(--ma-papel);
		flex-direction:column;z-index:70;padding:8px 0;border:1px solid var(--ma-linea-2);
		border-top:3px solid var(--ma-vino);
	}
	.ma-menu.ma-abierto{display:flex;}
	.ma-menu > li > a{padding:13px 22px;margin-right:0;border-bottom:1px solid var(--ma-linea);}
	.ma-menu > li:not(:last-child) > a::after{display:none;}
	.ma-menu .sub-menu{position:static;display:block;border:0;background:var(--ma-crema);}
	.ma-masthead{flex-direction:column;align-items:center;text-align:center;gap:16px;}
	.ma-sumario-grid{grid-template-columns:1fr;}
	.ma-sumario-grid article{border-left:0;border-top:1px solid var(--ma-linea);padding:20px 0;}
	.ma-sumario-grid article:first-child{border-top:0;padding-top:0;}
	.ma-grid3{grid-template-columns:1fr 1fr;}
	.ma-lista-archivo li{grid-template-columns:170px 1fr;gap:18px;}
	.ma-lista-archivo h2{font-size:22px;}
	.ma-apertura .ma-thumb{aspect-ratio:16/9;}
}
@media (max-width:560px){
	body{font-size:16.5px;}
	.ma-wrap{padding:0 18px;}
	.ma-logo svg{height:54px;}
	.ma-apertura{padding-top:22px;}
	.ma-apertura h2{font-size:28px;}
	.ma-apertura .ma-bajada{font-size:18px;}
	.ma-apertura .ma-thumb{aspect-ratio:4/3;}
	.ma-grid3,.ma-footer-grid{grid-template-columns:1fr;}
	.ma-lista-archivo li{grid-template-columns:1fr;gap:14px;}
	.ma-entrada h1{font-size:27px;}
	.ma-contenido{font-size:17px;}
	.ma-contenido > p:first-of-type::first-letter{font-size:58px;}
	.ma-nota-lead h3{font-size:24px;}
	.ma-seccion-head h2{font-size:24px;}
	.ma-masthead-buscador{display:none;}
}

/* Alineaciones nativas de WordPress */
.alignleft{float:left;margin:6px 24px 14px 0;}
.alignright{float:right;margin:6px 0 14px 24px;}
.aligncenter{margin-left:auto;margin-right:auto;}
.wp-caption-text,.wp-element-caption{font-size:13.5px;color:var(--ma-tinta-3);padding-top:6px;font-style:italic;}
.sticky,.gallery-caption,.bypostauthor{display:block;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}