/* =========================================================================
   ahora·es — estilos del tema
   Origen: HTML de referencia (web provisional 2.0). Retícula de 12 columnas a
   1280 px (8 + 4 en apertura), 4 en móvil; filetes en vez de sombras.
   Índice:  1 Tokens · 2 Base · 3 Piezas comunes · 4 Logotipo · 5 Publicidad
            6 Cabecera · 7 Cajón · 8 Portada · 9 Módulos · 10 Sección/archivo
            11 Noticia · 12 Bloques del editor · 13 Directos · 14 Páginas
            15 Pie · 16 Utilidades
   Los colores de marca se pueden sobrescribir desde el Personalizador
   (se imprimen después de este archivo).
   ========================================================================= */

/* 1 · Tokens ------------------------------------------------------------- */
:root{
  color-scheme:light;
  --nit:#0B1230; --nit2:#16204A;
  --bg:#FBF8F3; --surface:#FFFFFF; --hueso:#F1EBE1;
  --text:#0B1230; --sec:#5B6178; --meta:#6B7088; --line:#E6DFD3;
  --tinta:#0B1230; --mast:#0B1230; --link:#002D8B;
  --rojo:#D7263D; --rojo-t:#B01A30; --oro:#F5A524; --oro-t:#8A5A00;
  --turia:#0B7A54; --taronja:#FF5A1F; --mar:#12B5B0;
  --ad-bg:#F1EBE1; --ad-line:#CFC6B6;
  --display:"Bricolage Grotesque", system-ui, sans-serif;
  --body:"Source Serif 4", Georgia, serif;
  --ui:"DM Sans", system-ui, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, monospace;
  --r:12px; --r-lg:20px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
  --bg:#0B1230; --surface:#16204A; --hueso:#16204A; --text:#F2F0EB; --sec:#A9AFCB; --meta:#9CA2BF; --line:#1F2A55;
  --tinta:#F2F0EB; --mast:#FFFFFF; --link:#8DB0FF; --rojo-t:#FF5C6E; --oro-t:#F5A524; --ad-bg:#16204A; --ad-line:#2A3870}}
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#0B1230; --surface:#16204A; --hueso:#16204A; --text:#F2F0EB; --sec:#A9AFCB; --meta:#9CA2BF; --line:#1F2A55;
  --tinta:#F2F0EB; --mast:#FFFFFF; --link:#8DB0FF; --rojo-t:#FF5C6E; --oro-t:#F5A524; --ad-bg:#16204A; --ad-line:#2A3870}

/* 2 · Base --------------------------------------------------------------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg,video,iframe{max-width:100%}
img{height:auto}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media (max-width:767px){.wrap{padding:0 16px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;background:var(--nit);color:#fff;padding:10px 16px;border-radius:999px}

/* 3 · Piezas comunes ----------------------------------------------------- */
.ante{font-family:var(--ui);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--c,var(--tinta));text-decoration:none}
.hl{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.14;color:var(--text);margin:0;text-wrap:balance}
.hl a{text-decoration:none}
.hl a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ent{font-family:var(--ui);font-size:16.5px;line-height:1.5;color:var(--sec);margin:0}
.by{font-family:var(--ui);font-size:12.5px;color:var(--meta);font-variant-numeric:tabular-nums}
.by b{color:var(--text);font-weight:600}
.badge{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;line-height:1;vertical-align:middle}
.b-red{background:var(--rojo);color:#fff}
.b-exc{background:var(--nit);color:var(--oro)}
.b-pat{background:transparent;border:1px dashed var(--ad-line);padding:4px 9px;color:var(--sec)}
.badge .dot{width:7px;height:7px;background:#fff;border-radius:50%;display:block;animation:blink 1.2s steps(2,start) infinite}
@keyframes blink{to{opacity:.15}}
.btn{font-family:var(--ui);font-weight:700;font-size:14px;letter-spacing:.01em;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--nit);background:var(--nit);color:#FBF8F3;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px}
.btn:hover{background:var(--nit2);border-color:var(--nit2)}
.btn.ghost{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn.ghost:hover{background:var(--tinta);color:var(--bg)}
.btn.lg{min-height:48px;font-size:15px;padding:0 24px}
/* Imágenes: proporción fija (sin CLS) */
.ph{position:relative;overflow:hidden;background:var(--hueso);display:block;border-radius:var(--r)}
.ph img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
a.ph:hover img{transform:scale(1.02)}
.ph-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--hueso)}
.ph-empty svg{width:22%;max-width:72px;opacity:.5}
.r32{aspect-ratio:3/2}.r169{aspect-ratio:16/9}.r11{aspect-ratio:1}
.cap{font-family:var(--ui);font-size:13px;color:var(--meta);line-height:1.4;margin-top:6px}
.cap b{font-weight:500;text-transform:uppercase;font-size:11.5px;letter-spacing:.04em}
.au-mini{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.byrow{display:flex;align-items:center;gap:10px}
.mono-av{width:56px;aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none}
.mono-av svg{width:100%;height:100%;display:block}
.mono-av.au-mini{width:34px}
img.portrait,.portrait{width:56px;height:56px;aspect-ratio:1;border-radius:50%;object-fit:cover;flex:none;filter:grayscale(1) contrast(1.05)}

/* 4 · Logotipo (SVG en línea: letras en currentColor, punto .ae-dot) ------- */
.wm{display:inline-block;color:var(--mast);line-height:0;text-decoration:none}
.wm svg{display:block;height:auto;width:100%}
.ae-dot{transform-box:fill-box;transform-origin:center}
.wm.live .ae-dot{animation:aeLate 2s ease-in-out infinite}
@keyframes aeLate{0%,100%{transform:scale(1);opacity:1}45%{transform:scale(1.28);opacity:.55}}
.wm-mast{width:272px}
.mhead .wm{width:112px}
.nav .mini .wm{width:96px}
.drawer .wm{width:112px}
footer.site .wm{width:140px;color:#fff;margin-bottom:12px}
@media (prefers-reduced-motion:reduce){.wm.live .ae-dot,.badge .dot,.last h2::before{animation:none}.ph img{transition:none}a.ph:hover img{transform:none}}

/* 5 · Publicidad (huecos con tamaño reservado: sin saltos) ----------------- */
.ad{display:flex;flex-direction:column;align-items:center;margin:0 auto}
.ad .lbl{font-family:var(--ui);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--meta);margin-bottom:4px}
.ad .slot{background:var(--ad-bg);display:flex;align-items:center;justify-content:center;max-width:100%;border-radius:var(--r);overflow:hidden}
.ad-billboard{padding:16px 0}
.ad-billboard .slot{width:970px;min-height:250px}
.ad-mega{padding:12px 0}
.ad-mega .slot{width:970px;min-height:90px}
.ad-mpu .slot{width:300px;min-height:250px}
.ad-half .slot{width:300px;min-height:600px}
.ad-mob-top{display:none;padding:8px 0}
.ad-mob-top .slot{width:320px;min-height:100px}
@media (max-width:1010px){.ad-billboard .slot,.ad-mega .slot{width:728px;min-height:90px}}
@media (max-width:767px){.ad-billboard,.ad-mega{display:none}.ad-mob-top{display:flex}}
.ad-in{padding:12px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards .ad-card{grid-column:auto}
body.no-ads .adsbygoogle,body.no-ads .google-auto-placed{display:none!important}

/* 6 · Cabecera ----------------------------------------------------------- */
.util{border-bottom:1px solid var(--line);font-family:var(--ui);font-size:12px;color:var(--sec)}
.util .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:12px}
.util .acts,.util .acts ul{display:flex;gap:16px;align-items:center;list-style:none;margin:0;padding:0}
.util a{text-decoration:none}
.util a:hover{color:var(--link)}
.util .btn{min-height:28px;font-size:12px;padding:0 12px;background:var(--rojo);border-color:var(--rojo);color:#fff}
.util .btn:hover{background:#B01A30;border-color:#B01A30}
.radio-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.radio-link i{width:7px;height:7px;background:var(--mar);border-radius:50%;display:block}
.tk-link{display:inline-block;width:76px;color:var(--text);line-height:0}
.mast{text-align:center;padding:22px 0 14px}
.dateline{display:flex;justify-content:center;gap:14px;font-family:var(--ui);font-size:12.5px;color:var(--sec);padding:6px 0 0}
.nav{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:30}
.admin-bar .nav{top:32px}
.nav .wrap{display:flex;align-items:center;gap:6px;min-height:46px}
.nav .mini{display:none;margin-right:12px}
.nav.stuck .mini{display:block}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;justify-content:safe center;flex:1;overflow-x:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav li a{font-family:var(--ui);font-weight:600;font-size:14px;text-decoration:none;padding:7px 13px;border-radius:999px;margin:7px 0;display:block;white-space:nowrap}
.nav li a:hover{color:var(--link)}
.nav li a.on{background:var(--tinta);color:var(--bg)}
.nav li a.pl{color:var(--taronja);box-shadow:inset 0 0 0 1.5px var(--taronja)}
.iconbtn{background:transparent;border:0;color:var(--text);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px;line-height:1}
.burger{width:18px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative;display:block}
.burger::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
.ico-search{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative;display:block;margin:-2px 0 0 -2px}
.ico-search::after{content:"";position:absolute;width:2px;height:7px;background:currentColor;right:-4px;bottom:-6px;transform:rotate(-45deg)}
.radio-dot{width:10px;height:10px;border-radius:50%;background:var(--mar);display:block}
.mhead{display:none}
.chipsbar{display:none;gap:8px;overflow-x:auto;padding:8px 16px;border-bottom:1px solid var(--line);scrollbar-width:none}
.chipsbar::-webkit-scrollbar{display:none}
.chipsbar a{font-family:var(--ui);font-size:13px;font-weight:600;border:1px solid var(--line);padding:6px 10px;border-radius:999px;text-decoration:none;white-space:nowrap;background:var(--surface)}
.chipsbar a.on{background:var(--tinta);color:var(--bg);border-color:var(--tinta)}
.chipsbar a.pl{border-color:var(--taronja);color:var(--taronja)}
.topics{font-family:var(--ui);font-size:13px;color:var(--sec);border-bottom:1px solid var(--line)}
.topics .wrap{display:flex;gap:16px;align-items:center;min-height:36px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.topics b{font-family:var(--ui);font-weight:700;letter-spacing:.08em;font-size:11px;text-transform:uppercase;color:var(--meta)}
.topics a{text-decoration:none}
.topics a:hover{color:var(--link);text-decoration:underline}
.uh{background:var(--rojo);color:#fff;font-family:var(--ui);font-weight:600;font-size:14.5px}
.uh .wrap{display:flex;align-items:center;gap:12px;min-height:40px}
.uh .badge{background:#fff;color:var(--rojo)}
.uh a,.uh .uh-t{text-decoration:none;flex:1}
.uh a:hover{text-decoration:underline}
.uh button{background:transparent;border:0;color:#fff;font-size:18px;width:32px;height:32px}
.uh.off{display:none}
@media (max-width:767px){
  .util,.mast,.nav,.topics{display:none}
  .mhead{display:grid;grid-template-columns:40px 1fr 40px;justify-items:center;align-items:center;min-height:52px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:30;padding:0 8px}
  .admin-bar .mhead{top:46px}
  .chipsbar{display:flex}
  .uh{font-size:13px}
}
@media (min-width:768px) and (max-width:782px){.admin-bar .nav{top:46px}}

/* 7 · Cajón de menú ------------------------------------------------------ */
.drawer{position:fixed;inset:0;z-index:60;display:none}
.drawer.on{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.drawer .panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--bg);overflow-y:auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:16px;border-right:1px solid var(--line)}
.drawer h4{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--meta);margin:6px 0 0}
.drawer ul{list-style:none;margin:0;padding:0;display:grid}
.drawer li a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-family:var(--ui);font-size:15px;text-decoration:none}
.drawer li a.on{font-weight:700}
.drawer .top{display:flex;justify-content:space-between;align-items:center}
.sform{display:flex;gap:8px}
.sform input{flex:1;min-width:0;font-family:var(--ui);font-size:16px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--text)}

/* 8 · Portada ------------------------------------------------------------ */
.home-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:24px 0 8px}
.apertura{grid-column:span 8;display:grid;gap:10px;align-content:start}
.apertura .hl{font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.03}
.apertura .hl.long{font-size:clamp(28px,3.1vw,38px)}
.apertura .ent{font-size:clamp(17px,1.6vw,19px)}
.apertura .ap-tx{display:grid;gap:10px}
/* Principal sola, a todo el ancho (sin «Lo último» al lado) */
.home-grid.solo .apertura{grid-column:span 12;gap:16px}
/* Foto ancha pero sin empujar el titular fuera de la primera pantalla */
@media (min-width:768px){.home-grid.solo .apertura .ph{aspect-ratio:auto;height:min(684px,60vh);min-height:320px}}
.home-grid.solo .ap-tx{max-width:980px;margin:0 auto;text-align:center;justify-items:center}
.home-grid.solo .apertura .hl{font-size:clamp(32px,4.6vw,60px)}
.home-grid.solo .apertura .hl.long{font-size:clamp(28px,3.6vw,46px)}
.home-grid.solo .apertura .ent{font-size:clamp(17px,1.7vw,21px);max-width:820px}
.rail{grid-column:span 4;border-left:1px solid var(--line);padding-left:24px;display:grid;gap:18px;align-content:start}
@media (max-width:1023px){.apertura{grid-column:span 12}.rail{grid-column:span 12;border-left:0;padding-left:0}}
.last h2,.mostread h2,.side h2,.related h2{font-family:var(--ui);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0}
.last h2{color:var(--rojo);display:flex;align-items:center;gap:8px}
.last h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rojo);animation:pulseR 2s infinite}
@keyframes pulseR{0%{box-shadow:0 0 0 0 rgba(215,38,61,.55)}70%{box-shadow:0 0 0 .3em rgba(215,38,61,0)}100%{box-shadow:0 0 0 0 rgba(215,38,61,0)}}
.last ol{list-style:none;margin:0;padding:0}
.last li{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.last time{font-family:var(--mono);font-weight:500;font-size:13px;color:var(--rojo-t);font-variant-numeric:tabular-nums}
.last .hl,.mostread .hl{font-size:16px;font-weight:600;line-height:1.25}
.last .all{font-family:var(--ui);font-size:13px;font-weight:600;color:var(--link);text-decoration:none;display:inline-block;margin-top:10px}
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding:24px 0}
.row3 .card + .card{border-left:1px solid var(--line);padding-left:24px}
@media (max-width:900px){.row3{grid-template-columns:1fr 1fr}.row3 .card:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:600px){.row3{grid-template-columns:1fr}.row3 .card + .card{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}}
.card{display:grid;gap:7px;align-content:start}
.card .hl{font-size:21px}
.card.big .hl{font-size:26px;letter-spacing:-.025em}
.block{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:8px 0 28px}
.block > .main{grid-column:span 8}
.block > .side{grid-column:span 4;display:grid;gap:18px;align-content:start}
@media (max-width:1023px){.block > .main,.block > .side{grid-column:span 12}.block > .side .ad-half{display:none}}
.shead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.shead a.t{font-family:var(--ui);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--c);text-decoration:none;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,transparent)}
.shead a.more{font-family:var(--ui);font-size:13px;font-weight:600;color:var(--link);text-decoration:none}
.secgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.secgrid .list{display:grid;align-content:start}
.secgrid .list .card{padding:12px 0;border-bottom:1px solid var(--line);grid-template-columns:1fr 96px;gap:12px}
.secgrid .list .card .tx{display:grid;gap:5px;align-content:start}
.secgrid .list .hl{font-size:18px}
@media (max-width:700px){.secgrid{grid-template-columns:1fr}}
.mostread h2,.side h2{color:var(--tinta);margin:0 0 4px}
.mostread ol{list-style:none;margin:0;padding:0;counter-reset:mr}
.mostread li{display:grid;grid-template-columns:40px 1fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line);counter-increment:mr}
.mostread li::before{content:counter(mr);font-family:var(--display);font-weight:800;font-size:34px;line-height:1;color:var(--rojo)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:8px 0 28px}
.trio > section{display:grid;gap:12px;align-content:start}
.trio-2{border-top:1px solid var(--line);padding-top:12px}
@media (max-width:900px){.trio{grid-template-columns:1fr}}

/* 9 · Módulos ------------------------------------------------------------ */
.opband{background:var(--hueso);border-radius:var(--r-lg);padding:18px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:8px 0 24px}
.opband .o{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;text-decoration:none}
.opband .o > span:last-child{display:grid;gap:4px}
.opband .ante{color:var(--oro-t)}
.opband .hl{font-weight:600;font-size:17px;line-height:1.22}
.opband .o:hover .hl{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.opband{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.opband{grid-template-columns:1fr}}
.nlbox{background:var(--nit);color:#FAF8F4;padding:26px 28px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:8px 0 28px;border-radius:var(--r-lg)}
.nlbox h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:26px;margin:0;color:#FAF8F4}
.nlbox p{margin:4px 0 0;font-family:var(--ui);color:#C9CDE0;font-size:16px}
.nlbox .btn{background:var(--rojo);border-color:var(--rojo);min-height:46px}
@media (max-width:760px){.nlbox{grid-template-columns:1fr}}
.radiobox{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:16px;display:grid;gap:10px}
.radiobox .radio-brand{display:block;width:110px;color:var(--text);line-height:0}
.radiobox .badge{justify-self:start;background:var(--mar);color:var(--nit)}
.radiobox .badge .dot{background:var(--nit)}
.radiobox .now{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:19px;color:var(--text)}
.radiobox .btn{justify-self:start;background:var(--mar);border-color:var(--mar);color:var(--nit)}
.tkplanes{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:22px;margin:8px 0 28px}
.tkplanes .hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tkplanes .hd h2{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em;margin:0}
.tkplanes .tk-brand{display:block;width:136px;color:var(--text);line-height:0}
.tkplanes.empty .hd{margin-bottom:6px}
.tkplanes .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:760px){.tkplanes .row{grid-template-columns:1fr}}
.tk-cta{margin:0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:var(--sec)}
.btn.tk{background:var(--taronja);border-color:var(--taronja);color:#fff}
.ev{display:grid;gap:8px;text-decoration:none}
.ev .ph{aspect-ratio:16/10}
.ev b{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.015em;line-height:1.2}
.ev > span:last-child{font-family:var(--ui);font-size:13px;color:var(--sec)}
.ev .pr{font-family:var(--mono);font-weight:500;color:var(--taronja)}
.ev .when{position:absolute;left:10px;top:10px;background:#fff;color:var(--nit);font-family:var(--ui);font-weight:700;font-size:11px;padding:4px 9px;border-radius:999px;z-index:1}
.ev:hover b{text-decoration:underline;text-underline-offset:3px}

/* 10 · Sección, etiqueta, autor, búsqueda --------------------------------- */
.sechero{padding:26px 0 18px;border-bottom:1px solid var(--line)}
.sechero h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-size:clamp(34px,5vw,52px);margin:0;color:var(--c,var(--text));line-height:1.05}
.sechero p{font-family:var(--ui);color:var(--sec);margin:6px 0 0;font-size:18px}
.sechero .subs{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-family:var(--ui);font-size:13.5px}
.sechero .subs a{text-decoration:none;color:var(--sec)}
.sechero .subs a:hover,.sechero .subs a.on{color:var(--c,var(--link))}
.authorhero{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center}
.au-hero{width:96px;height:96px;border-radius:50%;object-fit:cover}
.mono-av.au-hero{width:96px}
@media (max-width:560px){.authorhero{grid-template-columns:64px 1fr}.au-hero,.mono-av.au-hero{width:64px;height:64px}}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;padding:24px 0}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}
.pager{margin:0 0 32px}
.pager ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pager a,.pager span{font-family:var(--ui);font-weight:600;font-size:14px;min-width:40px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);text-decoration:none;background:var(--surface)}
.pager .current{background:var(--tinta);color:var(--bg);border-color:var(--tinta)}
.pager .dots{border:0;background:none}
.searchpage .sform{margin:8px 0 4px}
.searchpage .sform input{min-height:52px;font-size:17px;padding:0 20px}
.empty-msg{font-family:var(--ui);color:var(--sec);padding:24px 0 40px}

/* 11 · Noticia ----------------------------------------------------------- */
.crumbs{font-family:var(--ui);font-size:12.5px;color:var(--meta);padding:16px 0 0}
.crumbs a{text-decoration:none;color:var(--sec)}
.crumbs a:hover{color:var(--link)}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:28px 0 40px}
@media (max-width:1023px){.art{grid-template-columns:minmax(0,1fr)}.art > aside{display:none}}
.art > article > header{display:grid;gap:12px;max-width:760px}
.kicker{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.ante-t{font-family:var(--ui);font-weight:600;font-size:12px;color:var(--sec)}
.art h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.04;font-size:clamp(28px,3.6vw,42px);margin:0;color:var(--text);text-wrap:balance}
.art .lead{font-family:var(--ui);font-size:clamp(19px,2vw,22px);line-height:1.45;color:var(--sec);margin:0}
.art .meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-family:var(--ui);font-size:13.5px;color:var(--meta);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.art .meta b{color:var(--text);font-weight:600}
.art .meta b a{text-decoration:none}
.art .meta .upd{color:var(--link)}
.share{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.share a,.share button{font-family:var(--ui);font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--text);min-height:32px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;text-decoration:none}
.share a:hover,.share button:hover{border-color:var(--tinta)}
@media (max-width:600px){.share{margin-left:0}}
.fig{margin:18px 0 0;max-width:760px}
.prose{max-width:680px;font-family:var(--body);font-size:20px;line-height:1.65;font-variant-numeric:oldstyle-nums;margin-top:22px;color:var(--text)}
.prose > *{margin:0 0 1.05em}
.prose h2,.prose h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text);margin:1.4em 0 .5em}
.prose h2{font-size:26px}
.prose h3{font-size:22px}
.prose a{color:var(--link);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.2em}
.prose li{margin:0 0 .4em}
.prose img{border-radius:var(--r)}
.prose figure{margin:28px 0}
.prose figcaption,.prose .wp-element-caption{font-family:var(--ui);font-size:13px;color:var(--meta);line-height:1.4;margin-top:6px}
@media (max-width:767px){.prose{font-size:18px;line-height:1.6;hyphens:auto}}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;max-width:680px}
.tags a{font-family:var(--ui);font-size:13px;border:1px solid var(--line);padding:5px 10px;text-decoration:none;background:var(--surface);border-radius:999px}
.tags a:hover{border-color:var(--tinta)}
.autor-box{max-width:680px;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:24px;font-family:var(--ui)}
.autor-box .au-big{width:56px;height:56px;border-radius:50%;object-fit:cover}
.autor-box a{text-decoration:none}
.autor-box p{margin:2px 0 0;font-size:13.5px;color:var(--sec)}
.noticia .nlbox{max-width:680px;margin-top:28px}
.related{border-top:3px solid var(--tinta);padding-top:10px;margin-top:30px}
.related h2{color:var(--tinta);margin:0 0 14px}
.related .cards{padding-top:0}
.art > aside{display:grid;gap:24px;align-content:start}
.sticky{position:sticky;top:64px}

/* 12 · Bloques del editor dentro del artículo ----------------------------- */
/* Cita destacada (bloque «Cita destacada» y «Cita») */
.prose .wp-block-pullquote,.prose .pull{margin:28px 0;padding:22px 26px;background:var(--surface);border:0;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);text-align:left}
.prose .wp-block-pullquote blockquote{margin:0}
.prose .wp-block-pullquote blockquote::before,.prose .pull .q{content:"“";font-family:var(--display);font-weight:800;font-size:56px;line-height:.5;color:var(--rojo);display:block;height:24px}
.prose .wp-block-pullquote p,.prose .pull p{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:clamp(23px,2.6vw,29px);line-height:1.28;color:var(--text);margin:0}
.prose .wp-block-pullquote cite,.prose .pull cite,.prose blockquote cite{display:block;margin-top:10px;font-style:normal;font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sec)}
.prose blockquote.wp-block-quote{border-left:3px solid var(--c,var(--tinta));padding:4px 0 4px 20px;margin:28px 0;font-style:italic}
.prose blockquote.wp-block-quote p{margin:0 0 .5em}
/* Caja «Claves»: grupo con estilo «Claves» */
.prose .is-style-claves,.claves{background:var(--hueso);padding:16px 20px;margin:24px 0;font-family:var(--ui);font-size:15px;line-height:1.5;border-radius:var(--r-lg)}
.prose .is-style-claves > :first-child{margin-top:0}
.prose .is-style-claves h2,.prose .is-style-claves h3{font-family:var(--ui);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);margin:0 0 8px}
.prose .is-style-claves ul{margin:0;padding-left:18px;display:grid;gap:6px}
.prose .wp-block-embed{margin:28px 0}
.prose .wp-block-table table{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:15px}
.prose .wp-block-table td,.prose .wp-block-table th{border-bottom:1px solid var(--line);padding:8px;text-align:left}
.prose .wp-block-separator{border:0;border-top:1px solid var(--line);margin:32px 0}
.fe{max-width:680px;margin-top:18px;background:#F9EEDA;color:#5C4310;font-family:var(--ui);font-size:13.5px;padding:10px 14px;border-radius:var(--r)}

/* 13 · Directos y «Última hora» ----------------------------------------- */
.live-sum{background:var(--hueso);padding:18px 22px;margin:18px 0;max-width:760px;border-radius:var(--r-lg)}
.live-sum h2{font-family:var(--ui);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);margin:0 0 8px}
.live-sum ul{margin:0;padding-left:18px;font-family:var(--ui);font-size:15px;display:grid;gap:6px}
.entries{max-width:760px}
.entry{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.entry time{font-family:var(--mono);font-weight:500;font-size:14px;color:var(--rojo-t);font-variant-numeric:tabular-nums}
.entry h3{font-family:var(--display);font-weight:700;letter-spacing:-.015em;font-size:20px;line-height:1.2;margin:4px 0 6px}
.entry h3 a{text-decoration:none}
.entry h3 a:hover{text-decoration:underline}
.entry p{margin:0;font-size:16px;line-height:1.5;color:var(--sec)}
.dayhead{font-family:var(--ui);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--meta);margin:24px 0 4px}
.entry.new{animation:flash 1.6s ease-out}
/* Entradas de directo dentro del cuerpo de la noticia */
.prose .entry{margin:0;font-family:var(--body)}
.prose .entry time{padding-top:3px}
.prose .entry .entry-b > *{margin:0 0 .7em}
.prose .entry .entry-b > :last-child{margin-bottom:0}
.prose .entry h3.entry-t{font-family:var(--display);font-weight:700;letter-spacing:-.015em;font-size:21px;line-height:1.2;margin:0 0 6px;color:var(--text)}
.prose .entry p{font-size:18px;line-height:1.55;color:var(--text)}
.prose .entry.key{background:var(--hueso);border-radius:var(--r);padding:16px 14px;border-top:0;margin:4px 0}
.prose .entry.key + .entry{border-top:0}
@media (max-width:560px){.entry{grid-template-columns:52px 1fr;gap:10px}}
.livebar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-family:var(--ui);font-size:13.5px;color:var(--sec)}
.livebar time{font-family:var(--mono);font-weight:500;color:var(--rojo-t)}
.b-off{background:var(--hueso);color:var(--sec)}
.newbar{position:sticky;top:56px;z-index:5;display:flex;justify-content:center;margin:6px 0;max-width:680px}
.newbar[hidden]{display:none}
.newbar button{background:var(--rojo);color:#fff;border:0;font-family:var(--ui);font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px}
@keyframes flash{from{background:rgba(215,38,61,.08)}to{background:transparent}}

/* 14 · Páginas fijas ----------------------------------------------------- */
.pagina{max-width:760px;padding:32px 0 48px}
.pagina h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.04;font-size:clamp(32px,4.5vw,46px);margin:0 0 10px;color:var(--text)}
.pagina .lead{font-family:var(--ui);font-size:20px;color:var(--sec);line-height:1.45;margin:0 0 20px}
.page-prose{margin-top:8px}
.page-prose h2{color:var(--text)}
.pagina.empty{text-align:center;margin:0 auto;padding:60px 0}
.pagina.empty .sform{max-width:520px;margin:0 auto 18px}
.equipo{display:grid;gap:0;margin:20px 0;font-family:var(--ui)}
.miembro{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;padding:18px 0;border-top:1px solid var(--line)}
.miembro h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:21px;margin:0 0 2px}
.miembro h3 a{text-decoration:none;color:var(--text)}
.miembro .cargo{font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--oro-t);margin:0 0 6px}
.miembro p{font-size:15px;line-height:1.5;color:var(--sec);margin:0}
@media (max-width:560px){.miembro{grid-template-columns:64px 1fr}.miembro .au-hero{width:64px;height:64px}}
.btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
@media (max-width:760px){.plans{grid-template-columns:1fr}}
.plan{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:20px;display:grid;gap:10px;align-content:start}
.plan.best{box-shadow:inset 0 0 0 2px var(--rojo)}
.plan h3{font-family:var(--ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0;color:var(--tinta)}
.plan .pr{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:36px;line-height:1;font-variant-numeric:tabular-nums}

/* 15 · Pie --------------------------------------------------------------- */
footer.site{background:var(--nit);color:#C9CDE0;margin-top:32px;padding:28px 0 40px;font-family:var(--ui);font-size:14px}
footer .fgrid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:24px}
footer .fbrand p{margin:0;font-size:16px;color:#C9CDE0}
footer .fsis{display:flex;gap:16px;align-items:center;margin-top:16px!important}
footer .fsis a{display:block;width:104px;color:#fff;line-height:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) footer.site{border-top:1px solid var(--line)}}
:root[data-theme="dark"] footer.site{border-top:1px solid var(--line)}
footer h4{font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8E95B8;margin:0 0 8px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
footer a{text-decoration:none;color:#C9CDE0}
footer a:hover{color:#fff}
footer .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #1F2A55;margin-top:24px;padding-top:14px;color:#8E95B8;font-size:12.5px}
footer .legal ul{display:flex;flex-wrap:wrap;gap:6px 16px}
footer .legal a{color:#8E95B8}
footer .legal .cookies-btn{background:none;border:0;padding:0;font:inherit;color:#8DB0FF;text-decoration:underline;cursor:pointer}
@media (max-width:900px){footer .fgrid{grid-template-columns:1fr 1fr}footer .fbrand{grid-column:1/-1}}

/* 16 · Utilidades -------------------------------------------------------- */
.toast{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:80;background:var(--nit);color:#FAF8F4;font-family:var(--ui);font-size:14px;padding:10px 16px;display:none;max-width:90vw;border-radius:999px}
.toast.on{display:block}
.alignwide{max-width:760px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* 17 · Formularios (WPForms) con el estilo de la marca ----------------- */
.prose .wpforms-container{font-family:var(--ui);margin:8px 0 28px}
.prose .wpforms-container .wpforms-field{padding:10px 0}
.prose .wpforms-container .wpforms-field-label{font-family:var(--ui);font-weight:700;font-size:14px;color:var(--text);margin-bottom:6px}
.prose .wpforms-container .wpforms-field-sublabel,.prose .wpforms-container .wpforms-field-description{font-family:var(--ui);font-size:13px;color:var(--meta)}
.prose .wpforms-container input[type=text],.prose .wpforms-container input[type=email],.prose .wpforms-container input[type=url],.prose .wpforms-container select,.prose .wpforms-container textarea{font-family:var(--ui);font-size:16px;width:100%;max-width:100%;border:1.5px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text);padding:11px 14px;min-height:46px;box-shadow:none}
.prose .wpforms-container textarea{min-height:150px}
.prose .wpforms-container input:focus,.prose .wpforms-container select:focus,.prose .wpforms-container textarea:focus{border-color:var(--link);outline:2px solid color-mix(in srgb,var(--link) 25%,transparent);outline-offset:0}
.prose .wpforms-container .wpforms-field-checkbox li label{font-family:var(--ui);font-size:14px}
.prose .wpforms-container .wpforms-submit-container{padding-top:12px}
.prose .wpforms-container button[type=submit]{font-family:var(--ui);font-weight:700;font-size:15px;min-height:48px;padding:0 26px;border-radius:999px;background:var(--rojo);border:0;color:#fff;cursor:pointer}
.prose .wpforms-container button[type=submit]:hover{background:#B01A30}
.prose .wpforms-confirmation-container-full{background:var(--hueso);border:0;border-radius:var(--r-lg);color:var(--text);font-family:var(--ui)}
.prose .wpforms-container label.wpforms-error,.prose .wpforms-container em.wpforms-error{font-family:var(--ui);font-size:13px;color:var(--rojo-t)}