/* ==========================================================================
   pm2026.css — hoja de estilos ÚNICA de prensamundo.com (v1)
   - Una sola hoja para todo el sitio: se descarga una vez y queda en caché.
   - Mobile-first. Sin fuentes externas ni imágenes de fondo.
   - Espacio reservado para anuncios y widgets (evita saltos de diseño / CLS).
   - Al cambiar este archivo, sube el número de versión: /css/pm2026.css?v=2
   ========================================================================== */

:root{
  --c-bg:#fff; --c-surface:#f4f7fb; --c-text:#1b2430; --c-muted:#5a6676;
  --c-line:#dbe2ec; --c-accent:#0b4f9c; --c-accent-d:#083b75; --c-accent-soft:#e7f0fb;
  --radius:8px; --maxw:1160px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 var(--font);color:var(--c-text);background:var(--c-bg)}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--c-accent)}
a:hover{color:var(--c-accent-d)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f5a623;outline-offset:2px}
h1,h2,h3{line-height:1.25;margin:1.2em 0 .5em}
h1{font-size:1.6rem;margin-top:.3em}
h2{font-size:1.3rem}
h3{font-size:1.12rem}
p{margin:.6em 0}
.visible{display:block}
.invisible{display:none}

/* ---- estructura general -------------------------------------------------- */
header{max-width:var(--maxw);margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;border-bottom:1px solid var(--c-line)}
header figure{margin:0}
header img{display:block;max-width:100%;height:auto}                     /* logo 310x85 */
.busca{flex:1 1 220px;max-width:360px;margin:0}
.busca input[type=search]{width:100%;padding:10px 16px;font:inherit;border:1px solid #b8c2d0;border-radius:999px;background:#fff}
footer{max-width:var(--maxw);margin:32px auto 0;padding:20px 16px;border-top:1px solid var(--c-line);color:var(--c-muted);font-size:.875rem}
.menubajo ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0}
section{max-width:var(--maxw);margin:0 auto;padding:0 16px}
article{display:flex;flex-direction:column;gap:24px;align-items:stretch}
.bloque1{flex:1 1 auto;min-width:0}
.bloque2{flex:0 0 auto;min-width:0}
@media (min-width:960px){
  article{flex-direction:row;align-items:flex-start;gap:32px}
  .bloque2{width:320px}
}
article>.tr{width:100%;display:flex;flex-wrap:wrap;gap:24px}

/* ---- migas de pan -------------------------------------------------------- */
nav.caja{max-width:var(--maxw);margin:0 auto;padding:10px 16px}
.breadcrumb{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:.875rem;color:var(--c-muted)}
.breadcrumb li+li::before{content:"›";margin:0 .55em;color:var(--c-muted)}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}

/* ---- cabecera de página -------------------------------------------------- */
h1 img{margin-right:.4em}
.shares{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:34px;margin:8px 0}
.flotaizq{margin-right:8px}
.p{margin:.4em 0 1em}

/* ---- pestañas Top 10 (las activa act10() con .act/.inact y .visible/.invisible) */
.t10menu{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--c-line)}
.t10menu li a{display:block;padding:8px 14px;text-decoration:none;font-weight:600;color:var(--c-muted);border-radius:var(--radius) var(--radius) 0 0}
.t10menu li.act a{background:var(--c-accent);color:#fff}
.t10menu li.inact a:hover{background:var(--c-accent-soft);color:var(--c-accent-d)}
#t10menu1>ul:not(.t10menu),#t10menu2>ul:not(.t10menu){list-style:none;margin:0;padding:0}

/* ---- listas de diarios (top 10 y listados) ------------------------------- */
#t10menu1 li,#t10menu2 li,.lpais li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:9px 6px;border-bottom:1px solid var(--c-line)}
.lpais{list-style:none;margin:8px 0 0;padding:0}
.lpais li.c{margin-top:14px;background:var(--c-surface);font-weight:700;border-radius:var(--radius);padding:9px 12px}
.sp2{flex:1 1 auto;min-width:0}
.flotader{float:right;margin-left:10px}
#t10menu1 li .flotader,#t10menu2 li .flotader,.lpais li .flotader{float:none;margin-left:0}
.lpais li>a:first-child,.lpais li>span:first-child{flex:0 1 auto}
.lpais li>a:nth-child(2){flex:1 1 200px;min-width:0}
.e{margin:18px 0 6px;padding:9px 12px;background:var(--c-surface);border-radius:var(--radius);font-weight:700}
.order{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0;padding:0;font-size:.9rem}
.sep{margin-top:1.5em}
.sep h2,.sep h3{margin-top:0}

/* ---- países de un continente (rejilla de banderas) ----------------------- */
.cincuenta{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px 10px;text-align:center}
.cincuenta a{display:block;padding:8px 4px;border-radius:var(--radius);text-decoration:none;font-size:.9rem}
.cincuenta a:hover{background:var(--c-accent-soft)}

/* ---- contadores de portada y continentes (los anima un script) ----------- */
.circu1{flex:1 1 360px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.circu1>*:not(.contC){grid-column:1/-1}
.circu2{flex:1 1 300px;min-width:0}
.super{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.criclr{width:84px;height:84px;margin:0 auto;border-radius:50%;border:4px solid var(--c-accent);display:grid;place-items:center}
.tot{font-size:1.35rem;font-weight:700;color:var(--c-accent-d)}
.tx{text-align:center;font-size:.875rem;color:var(--c-muted)}
.pin{max-width:75ch;margin:2rem auto}

/* ---- ficha de un diario -------------------------------------------------- */
#subh1{margin:6px 0}
.estrellas img{vertical-align:-1px}
.average{font-weight:700}
dl{display:grid;grid-template-columns:1fr;gap:2px 0;margin:1em 0}
dt{font-weight:600;color:var(--c-muted);margin-top:10px}
dd{margin:0}
@media (min-width:640px){
  dl{grid-template-columns:max-content 1fr;gap:8px 20px}
  dt{margin-top:0}
}
dd ul{list-style:none;margin:0;padding:0}
dd li{margin:4px 0}
#logodiario{margin:10px 0}
#twits{min-height:420px;margin:16px 0}

/* ---- comentarios y formulario -------------------------------------------- */
#comentarios{margin-top:2rem}
.per4{display:block;margin-top:14px}
.caja4{padding:10px 14px;margin:4px 0 10px;background:var(--c-surface);border-radius:var(--radius)}
.det4{font-size:.8rem;color:var(--c-muted);margin-top:4px}
fieldset{border:1px solid var(--c-line);border-radius:var(--radius);padding:14px 16px;margin:16px 0}
legend{padding:0 6px;font-weight:600}
label{display:block;margin:8px 0}
input[type=text],input[type=email],textarea,select{width:100%;max-width:560px;padding:10px 12px;font:inherit;border:1px solid #b8c2d0;border-radius:var(--radius);background:#fff}
textarea{min-height:110px}
.btn{padding:10px 20px;font:inherit;font-weight:600;color:#fff;background:var(--c-accent);border:0;border-radius:var(--radius);cursor:pointer}
.btn:hover{background:var(--c-accent-d)}
.msg,.gray2{font-size:.8rem;color:var(--c-muted);margin-top:6px}

/* ---- módulos laterales y de pie ------------------------------------------ */
.mod1{margin:28px 0 0}
.mod1 ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0}
.mod1 a{display:block;padding:4px;border-radius:6px}
.mod1 a:hover{background:var(--c-accent-soft)}
.bloque2 h2{font-size:1.1rem;margin:0 0 .5em}
.ulder{list-style:none;margin:0 0 18px;padding:0}
.ulder li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--c-line);font-size:.92rem}
.ulder li a:nth-child(2){flex:1 1 auto;min-width:0}
.elim{margin-left:auto;padding:0 6px;color:var(--c-muted);text-decoration:none;font-weight:700}
.elim:hover{color:#b3261e}

/* ---- módulos 2-6 (Top 10, comentarios, acerca de, redes, sugerir) ---------- */
.mod2,.mod3,.mod4,.mod5,.mod6{margin:0 0 22px;padding:14px 16px;background:var(--c-surface);border-radius:var(--radius)}
.mod2 h2,.mod3 h2,.mod4 h2,.mod5 h2,.mod6 h2{font-size:1.05rem;margin:0 0 .6em}
.mod2 ul:not(.t10menu){list-style:none;margin:0;padding:0}
.mod2 li:not(.act):not(.inact){display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--c-line);font-size:.9rem}
.mod2 .t10menu{margin-top:6px}
.mod2 .sp2{flex:1 1 140px}
.mod2 .flotader{float:none;margin:0}
.mod3 .per{display:block;font-size:.875rem}
.caja3{margin:4px 0 12px;padding:10px 14px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius)}
.comMenu{overflow-wrap:anywhere;font-size:.92rem}
.det{font-size:.8rem;color:var(--c-muted)}
.mod4 p{margin:.5em 0;font-size:.92rem}
.mod5 ul{list-style:none;margin:0;padding:0}
.mod5 li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.92rem}
.mod5 img{flex:none}
#fmod6 form{display:grid;gap:8px}
#fmod6 input[type=text]{width:100%;padding:9px 12px;font:inherit;border:1px solid #b8c2d0;border-radius:var(--radius);background:#fff}
.mod6 .msg{display:block;margin-top:8px;font-size:.8rem;color:var(--c-muted)}

/* ---- contenedores de los anuncios ANTIGUOS (mientras PM_ADS_ACTIVAS=false) - */
.publicidadInterna{min-height:280px;margin:16px 0;text-align:center}
.pubDerecha{min-height:250px;margin:0 0 16px;text-align:center}

/* ---- utilidades que ya usan tus plantillas ------------------------------- */
@media (max-width:767px){.no768{display:none}}
@media (max-width:479px){.no480{display:none}}
@media (max-width:359px){.si360{display:none}}
.h90{min-height:90px}

/* ==========================================================================
   ANUNCIOS (AdSense)
   - Cada hueco reserva su altura ANTES de cargar el anuncio => sin saltos (CLS).
   - Etiqueta visible "Publicidad" (única permitida junto a "Enlaces patrocinados").
   - Separación con enlaces/botones para evitar clics accidentales.
   ========================================================================== */
.ad-slot{margin:28px 0;padding:0;text-align:center;clear:both;min-height:280px;contain:layout}
.ad-label{display:block;margin:0 0 6px;font:600 11px/1 var(--font);letter-spacing:.05em;text-transform:uppercase;color:#6b7686}
.ad-slot ins.adsbygoogle{display:block;margin:0 auto}
.ad-slot:has(ins[data-ad-status="unfilled"]){display:none}      /* sin anuncio: no deja hueco vacío */
.ad-arriba{min-height:280px}
.ad-lateral{min-height:250px;margin-top:0}   /* 300x250; si solo usas 300x600, súbelo a 600px */
.ad-fin{min-height:250px}
.lpais li.ad-li,.ad-li{display:block;border:0;padding:0}
.ad-li .ad-slot{margin:18px 0}
@media (min-width:960px){
  .ad-arriba{min-height:110px}      /* en escritorio suele servirse 728x90 / 970x90 */
}

.cajaPub{min-height:280px;margin:16px 0;text-align:center}

/* ---- portada (index.php) -------------------------------------------------- */
.contC{text-align:center}
.contC .tx{margin-top:6px}
.tot{font-variant-numeric:tabular-nums}
.shares a{display:inline-block;padding:6px 12px;border:1px solid var(--c-line);border-radius:999px;text-decoration:none;font-size:.875rem;background:#fff}
.shares a:hover{background:var(--c-accent-soft)}
.mods{max-width:var(--maxw);margin:24px auto 0;display:grid;gap:0 24px;grid-template-columns:1fr}
@media (min-width:860px){.mods{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.pin h2{font-size:1.15rem;margin:1.6em 0 .4em}
.pin p,.pin li{line-height:1.65}
.pin ul{padding-left:1.2em}
#index>aside.mod1{max-width:var(--maxw);margin-left:auto;margin-right:auto}
.contC .criclr{width:100px;height:100px}
.contC .tot{font-size:1.2rem}