:root{
  --paper:#252424;
  --surface:#2E2D2D;
  --surface-2:#3A3838;
  --ink:#F4F2F0;
  --ink-2:#D7D3D0;
  --muted:#A5A09C;
  --line:#423F3F;
  --line-strong:#F4F2F0;
  --accent:#4377BB;
  --accent-ink:#FFFFFF;
  --live:#AF1F26;
  --gold:#DFAC25;
  --gold-ink:#252424;
  --black:#0B0B0B;
  --band:#2E2D2D;
  --band-ink:#F4F2F0;
  --band-muted:#A5A09C;
  --band-line:#423F3F;
  --scrim:rgba(8,9,11,.78);
  --fs-body:1.125rem;
  --f-head:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --f-ui:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-serif:"Newsreader",Georgia,"Times New Roman",serif;
  color-scheme:dark;
}
/* Neutraliza estilos del tema (Hello Elementor) sin pisar los de BAAM */
:where(body.baam) a,:where(body.baam) a:hover,:where(body.baam) a:active,:where(body.baam) a:visited{color:inherit}
:where(body.baam) :is([type=button],[type=submit],button){color:inherit;border-color:currentColor;border-radius:0;font:inherit}
:where(body.baam) :is([type=button],[type=submit],button):is(:hover,:focus){background-color:transparent;color:inherit}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:120px}
body{background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:20px}
.narrow{max-width:820px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:10px 14px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}

/* ---------- Demo notice ---------- */
.demobar{background:var(--surface);border-bottom:1px solid var(--line);font-size:.72rem;color:var(--muted);letter-spacing:.02em}
.demobar .wrap{display:flex;gap:10px;align-items:center;min-height:30px;padding-block:4px}
.demobar b{color:var(--ink);font-weight:700;letter-spacing:.08em}

/* ---------- Masthead ---------- */
.masthead{background:var(--paper);z-index:50}
.mast-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:28px;padding-block:22px 16px}
.logo-wrap{display:flex;align-items:flex-end;gap:16px}
.logo{display:inline-flex;align-items:flex-end;text-decoration:none;line-height:0}
.logo-img{display:block;height:68px;aspect-ratio:800/330;background:center/contain no-repeat}
.logo-sub{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.35;border-left:1px solid var(--line);padding-left:14px;color:var(--muted)}
.logo-sub span{color:var(--ink)}
.mast-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:.8rem;color:var(--muted);padding-bottom:4px}
.mast-meta .today{color:var(--ink);font-weight:600}
.mast-meta .today::first-letter{text-transform:uppercase}
.weather{display:inline-flex;align-items:center;gap:6px}
.weather svg{width:16px;height:16px}
.mast-latest{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}
.mast-latest:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--live);position:relative}
.pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--live);opacity:0;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.4);opacity:0}}
.mast-actions{display:flex;align-items:center;gap:6px;padding-bottom:2px}
.socials{display:flex;gap:4px;margin-right:8px}
.socials a{display:grid;place-items:center;min-width:32px;height:32px;padding-inline:6px;border:1px solid var(--line);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--ink-2);transition:border-color .2s,background .2s}
.socials a:hover{border-color:var(--ink);background:var(--surface)}
.iconbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding-inline:12px;border:1px solid var(--ink);background:var(--paper);cursor:pointer;font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.iconbtn:hover{background:var(--ink);color:var(--paper)}
.iconbtn svg{width:18px;height:18px;flex:none}
.burger{display:none}

/* ---------- Main nav ---------- */
.mainnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:45;background:var(--paper);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;gap:8px;min-height:50px}
.nav-row .live{margin-right:6px}
.nav-logo{text-decoration:none;line-height:0;max-width:0;overflow:hidden;opacity:0;transition:max-width .3s ease,opacity .25s ease,margin .3s ease;white-space:nowrap;display:inline-flex;align-items:baseline}
.nav-logo .logo-img{height:34px}
.mainnav.stuck .nav-logo{max-width:120px;opacity:1;margin-right:10px}
.nav-list{display:flex;gap:0;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.nav-list::-webkit-scrollbar{display:none}
.nav-list a{display:block;position:relative;padding:15px 11px;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--ink-2)}
.nav-list a::after{content:"";position:absolute;left:11px;right:11px;bottom:-1px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav-list a:hover{color:var(--ink)}
.nav-list a:hover::after,.nav-list a[aria-current="page"]::after{transform:scaleX(1)}
.nav-list a[aria-current="page"]{color:var(--ink)}
.live{display:inline-flex;align-items:center;gap:8px;background:var(--live);color:#fff;text-decoration:none;font-weight:800;font-size:.74rem;letter-spacing:.1em;padding:8px 12px;white-space:nowrap}
.live::before{content:"";width:0;height:0;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.live:hover{background:#C8262E}
@keyframes blink{50%{opacity:.25}}

/* ---------- Mercados (dólar + clima) ---------- */
.mkt{background:var(--black);border-bottom:1px solid #000;font-size:.8rem}
.mkt-row{display:flex;align-items:center;gap:18px;min-height:40px}
.mkt-fx{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;white-space:nowrap}
.mkt-fx::-webkit-scrollbar{display:none}
.fx-lab{flex:none;font-weight:800;color:var(--accent-ink);background:var(--accent);padding:3px 8px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.fx-i{display:inline-flex;gap:7px;align-items:baseline;flex:none}
.fx-i b{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;color:var(--muted)}
.fx-i span{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.mkt-wx{flex:none;display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:600;border-left:1px solid var(--line);padding-left:16px}
.mkt-wx svg,.wx-ico{width:18px;height:18px;flex:none}
.mkt .demo{border-color:#444;color:var(--muted)}
.fx-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.9rem}
.fx-table th{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;font-weight:700;padding:0 0 8px}
.fx-table th:first-child,.fx-table td:first-child{text-align:left}
.fx-table td{padding:9px 0;border-top:1px solid var(--line);text-align:right;font-weight:700}
.fx-table td:first-child{font-weight:600;color:var(--ink-2)}
.wx-now{display:flex;align-items:center;gap:14px}
.wx-now .t{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 75;font-size:3.4rem;line-height:.9}
.wx-now .wx-ico{width:44px;height:44px;color:var(--gold)}
.wx-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px;text-align:center;font-size:.8rem}
.wx-days b{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wx-days .wx-ico{width:22px;height:22px;margin:0 auto 6px;color:var(--ink-2)}
.wx-days span{font-variant-numeric:tabular-nums;font-weight:700}
.src{font-size:.7rem;color:var(--muted);margin-top:10px}

/* ---------- Breaking ---------- */
.breaking{background:var(--gold);color:var(--gold-ink)}
.brk-row{display:flex;align-items:stretch;gap:14px;min-height:44px}
.brk-label{display:flex;align-items:center;gap:8px;background:var(--gold-ink);color:var(--gold);font-weight:800;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding-inline:12px;white-space:nowrap;margin-block:7px}
.brk-text{flex:1;min-width:0;display:flex;align-items:center;font-weight:600;font-size:.92rem;text-decoration:none;color:var(--gold-ink);transition:opacity .25s ease}
.brk-text span.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brk-text:hover span.t{text-decoration:underline;text-underline-offset:3px}
.brk-text .time{font-variant-numeric:tabular-nums;font-weight:800;margin-right:10px;flex:none}
.brk-text .demo{margin-left:10px;border-color:rgba(37,36,36,.4);color:var(--gold-ink);flex:none}
.brk-text.fade{opacity:0}
.brk-ctrl{display:flex;align-items:center;gap:2px}
.brk-ctrl button{width:32px;height:32px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--gold-ink)}
.brk-ctrl button:hover{background:rgba(16,17,20,.1)}
.brk-ctrl svg{width:16px;height:16px}

/* ---------- Shared type ---------- */
.h{font-family:var(--f-head);font-weight:800;font-variation-settings:"wdth" 82;letter-spacing:-.012em;line-height:1.04;text-wrap:balance;margin:0}
.h-xxl{font-size:clamp(2.2rem,1.1rem + 3.9vw,4.2rem);line-height:.98;font-weight:850;font-variation-settings:"wdth" 78}
.h-xl{font-size:clamp(1.9rem,1.1rem + 2.7vw,3.35rem);line-height:1;font-variation-settings:"wdth" 78}
.h-l{font-size:clamp(1.45rem,1.05rem + 1.3vw,2.1rem)}
.h-m{font-size:1.32rem;line-height:1.1}
.h-s{font-size:1.08rem;line-height:1.16;font-weight:750;font-variation-settings:"wdth" 88}
.h-xs{font-size:.98rem;line-height:1.2;font-weight:700;font-variation-settings:"wdth" 90}
.h a,.hl{text-decoration:none;color:inherit;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0% .3em;background-position:0 92%;transition:background-size .28s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.h a:hover,a:hover>.h .hl,.card:hover .h a{background-size:100% .3em}
.dek{font-family:var(--f-serif);font-size:1.12rem;line-height:1.42;color:var(--ink-2);margin:0;text-wrap:pretty}
.dek-l{font-size:clamp(1.15rem,1rem + .5vw,1.4rem)}
.meta{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.meta b{color:var(--ink);font-weight:600}
.kick-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kicker{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.kicker::before{content:"";width:8px;height:8px;background:var(--accent);flex:none}
.kicker:hover{text-decoration:underline;text-underline-offset:3px}
.place{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.place:hover{color:var(--ink)}
.demo{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.1em;border:1px solid var(--line);color:var(--muted);padding:1px 5px;line-height:1.5;text-transform:uppercase}
.tag-urgent{display:inline-block;background:var(--live);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px}
.tag-new{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.tag-new::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live)}

/* ---------- Media ---------- */
.media{position:relative;overflow:hidden;background:var(--surface-2);max-width:100%}
.media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
a:hover .media img,.card:hover .media img{transform:scale(1.03)}
.r16x9{aspect-ratio:16/9}.r4x5{aspect-ratio:4/5}.r1x1{aspect-ratio:1/1}.r3x2{aspect-ratio:3/2}.r4x3{aspect-ratio:4/3}
.media .play{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:var(--scrim);color:#fff;font-size:.72rem;font-weight:700;padding:6px 10px 6px 8px;font-variant-numeric:tabular-nums}
.media .play svg{width:14px;height:14px}

/* ---------- Sections ---------- */
.section{padding-block:44px 8px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:4px solid var(--line-strong);padding-top:12px;margin-bottom:24px}
.sec-title{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 72;font-size:clamp(1.5rem,1.2rem + 1vw,2.05rem);text-transform:uppercase;letter-spacing:.005em;line-height:1;margin:0;display:flex;align-items:center;gap:12px}
.sec-title a{text-decoration:none}
.sec-title a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:4px;text-underline-offset:5px}
.sec-more{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.sec-more::after{content:"→";transition:transform .2s}
.sec-more:hover::after{transform:translateX(3px)}
.card{display:flex;flex-direction:column;gap:10px;min-width:0}
.card .media{margin-bottom:4px}
.rule-l{border-left:1px solid var(--line);padding-left:24px}
.stack>*+*{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}

/* Home top */
.top{padding-block:28px 8px}
.top-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px}
.side3{display:flex;flex-direction:column}
.side3 .srow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:start;padding-block:18px;border-bottom:1px solid var(--line)}
.side3 .srow:first-child{padding-top:0}
.side3 .srow:last-child{border-bottom:0}
.side3 .h-s{font-size:1.14rem}
.hero .h{margin-top:4px}
.hero .dek{max-width:60ch}
.col-sec{display:flex;flex-direction:column;gap:22px}
.col-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;display:flex;align-items:center;gap:8px}
.col-label::after{content:"";flex:1;height:1px;background:var(--line)}

/* Latest */
.latest-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(300px,4fr);gap:40px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--paper);padding:7px 12px;font-size:.74rem;font-weight:700;letter-spacing:.04em;cursor:pointer;text-decoration:none;color:var(--ink-2);min-height:36px;display:inline-flex;align-items:center}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"],.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.feed{list-style:none;margin:0;padding:0}
.feed-item{display:grid;grid-template-columns:62px minmax(0,1fr) 150px;gap:18px;padding-block:18px;border-bottom:1px solid var(--line);align-items:start}
.feed-item:first-child{padding-top:6px}
.feed-time{font-family:var(--f-head);font-weight:800;font-variation-settings:"wdth" 80;font-size:1.2rem;line-height:1;font-variant-numeric:tabular-nums;padding-top:2px}
.feed-time small{display:block;font-family:var(--f-ui);font-size:.64rem;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:5px}
.feed-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.feed-body .dek{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feed-item.is-new .feed-time{color:var(--ink)}
.feed-item.is-new{position:relative}
.feed-item.is-new::before{content:"";position:absolute;left:-14px;top:22px;width:4px;height:22px;background:var(--accent)}
.feed-foot{display:flex;justify-content:center;padding-block:26px 6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn-accent:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-sm{min-height:36px;padding:6px 12px;font-size:.7rem;border-width:1px}
.aside{display:flex;flex-direction:column;gap:28px;min-width:0}
.aside-sticky{position:sticky;top:76px}
.box{border:1px solid var(--line);padding:20px}
.box-title{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 75;font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.box-title::before{content:"";width:10px;height:10px;background:var(--accent)}
.zone-list{list-style:none;margin:0;padding:0}
.zone-list li+li{border-top:1px solid var(--line)}
.zone-list a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;text-decoration:none;font-weight:600;min-height:44px}
.zone-list a span{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
.zone-list a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}

/* Ads */
.ad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:repeating-linear-gradient(135deg,var(--surface) 0 14px,#333131 14px 28px);border:1px solid var(--line);color:var(--muted);margin-inline:auto;width:100%;text-align:center;padding:10px}
.ad-cta{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--accent);padding-bottom:1px}
.ad-cta:hover{background:var(--accent)}
.ad-wrap{display:flex;flex-direction:column;gap:6px}
.ad-top{padding-block:18px;border-bottom:1px solid var(--line)}
.anchor{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.4);padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));display:none;justify-content:center}
.anchor .ad{max-width:320px;min-height:50px;padding:4px}
.anchor-x{position:absolute;right:8px;top:-30px;width:30px;height:30px;border:1px solid var(--line);background:var(--paper);cursor:pointer;display:grid;place-items:center;font-weight:800}
.kit{width:100%;border-collapse:collapse;font-size:.92rem;min-width:620px}
.kit th,.kit td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.kit th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kit td b{font-family:var(--f-head);font-weight:800}
.ad-l{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.ad-s{font-size:.64rem;font-variant-numeric:tabular-nums;opacity:.8}
.ad-lead{max-width:970px;min-height:90px}
.ad-bill{max-width:970px;min-height:250px}
.ad-box{max-width:300px;min-height:250px}
.ad-sky{max-width:300px;min-height:600px}
.ad-in{max-width:300px;min-height:250px}
.ad-band{padding-block:34px 6px}
.ad .m{display:none}

/* Política */
.pol-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:36px}
.pol-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.pol-list .card{gap:8px}
.pol-list .dek{font-size:1rem}

/* Seguridad band */
.band{background:var(--band);color:var(--band-ink);margin-top:52px;padding-block:44px 48px}
.band .sec-head{border-top-color:var(--band-ink)}
.band .kicker{color:var(--band-ink)}
.band .meta{color:var(--band-muted)}
.band .dek{color:var(--band-muted)}
.band .demo{border-color:var(--band-line);color:var(--band-muted)}
.band .media{background:var(--surface-2)}
.band-video{background:var(--black);border-block:1px solid #000}
.band-video .player .media,.band-video .vbtn .media{border-color:#222}
.band-video .vlist li+li{border-top-color:#262626}
.seg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.seg-grid .card+.card{border-left:1px solid var(--band-line);padding-left:24px}
.tipbox{border:1px solid var(--band-line);padding:20px;display:flex;flex-direction:column;gap:12px}
.tipbox .h{color:var(--band-ink)}
.tipbox p{margin:0;color:var(--band-muted);font-size:.92rem}
.tipbox .btn{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);align-self:flex-start}
.tipbox .btn:hover{background:transparent;color:var(--accent)}

/* Economía */
.eco-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:32px;align-items:start}
.stat{display:flex;flex-direction:column;gap:12px;text-decoration:none;border-top:1px solid var(--line);padding-top:14px}
.stat-n{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 70;font-size:clamp(5rem,3rem + 6vw,8.6rem);line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat-n span{background:linear-gradient(transparent 62%,var(--accent) 62%,var(--accent) 88%,transparent 88%)}
.stat p{margin:0;font-family:var(--f-serif);font-size:1.12rem;line-height:1.4;color:var(--ink-2);max-width:32ch}
.stat .src{font-size:.72rem;color:var(--muted)}

/* Sociedad */
.soc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.hcard{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px;align-items:start}

/* Ciudad + zonas */
.city-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px}
.zones-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.zone-col{padding:16px 16px 16px 0;display:flex;flex-direction:column;gap:10px;min-width:0}
.zone-col+.zone-col{border-left:1px solid var(--line);padding-left:16px}
.zone-name{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 70;font-size:1.5rem;text-transform:uppercase;line-height:1;text-decoration:none}
.zone-name:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:4px}
.zone-munis{font-size:.72rem;color:var(--muted);line-height:1.45}

/* Deportes tiles */
.dep-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
.tile{position:relative;display:block;text-decoration:none;color:#fff;overflow:hidden;min-height:100%}
.tile .media{height:100%;min-height:320px}
.tile-body{position:absolute;inset:auto 0 0 0;padding:28px 24px 22px;background:linear-gradient(to top,rgba(8,9,11,.9) 0%,rgba(8,9,11,.72) 55%,rgba(8,9,11,0) 100%);display:flex;flex-direction:column;gap:10px}
.tile .kicker{color:#fff}
.tile .demo{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.8)}
.tile .meta{color:rgba(255,255,255,.75)}
.tile .h{color:#fff}
.tile:hover .hl{background-size:100% .3em}
.tile .hl{color:#fff}

/* Espectáculos + tendencias */
.show-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}
.show-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mini{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}

/* Opinión */
.op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.op{padding:22px 24px 8px 0;display:flex;flex-direction:column;gap:12px}
.op+.op{border-left:1px solid var(--line);padding-left:24px}
.op .h{font-family:var(--f-serif);font-weight:500;font-style:italic;font-variation-settings:normal;font-size:1.55rem;line-height:1.15;letter-spacing:-.01em}
.author-chip{display:flex;align-items:center;gap:10px;text-decoration:none}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--f-head);font-weight:800;font-size:.9rem;flex:none;font-variation-settings:"wdth" 90}
.avatar.lg{width:88px;height:88px;font-size:1.9rem}
.author-chip b{display:block;font-size:.86rem}
.author-chip span{display:block;font-size:.72rem;color:var(--muted)}

/* Video band */
.vid-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:28px}
.player{display:flex;flex-direction:column;gap:14px}
.player .media{border:1px solid var(--band-line)}
.player .bigplay{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;background:var(--accent);display:grid;place-items:center;border:0;cursor:pointer;transition:transform .2s}
.player .bigplay:hover{transform:scale(1.06)}
.player .bigplay svg{width:30px;height:30px;margin-left:5px;color:var(--accent-ink)}
.player .note{font-size:.72rem;color:var(--band-muted)}
.vlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.vlist li+li{border-top:1px solid var(--band-line)}
.vbtn{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:12px 0;background:none;border:0;text-align:left;cursor:pointer;color:var(--band-ink);width:100%}
.vbtn .h{font-size:.98rem;color:var(--band-ink)}
.vbtn[aria-current="true"] .h{color:var(--accent)}
.vbtn .media .play{left:6px;bottom:6px;padding:3px 6px;font-size:.66rem}
.vbtn:hover .hl{background-size:100% .3em}
.vbtn .hl{color:inherit}

/* Most read */
.mr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.mr{display:flex;flex-direction:column;gap:10px;padding:18px 20px 8px 0;text-decoration:none;min-width:0}
.mr+.mr{border-left:1px solid var(--line);padding-left:20px}
.mr-n{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 70;font-size:4.2rem;line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.mr-n span{color:var(--line)}
.mr .h{font-size:1.05rem}
.mr-list{list-style:none;margin:0;padding:0;counter-reset:mr}
.mr-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.mr-list li:last-child{border-bottom:0}
.mr-list .mr-n{font-size:2.5rem}

/* Newsletter */
.news-band{background:var(--surface);margin-top:56px;padding-block:52px}
.nl{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;align-items:end}
.nl .h{font-size:clamp(2rem,1.3rem + 2.4vw,3.2rem);text-transform:uppercase;font-weight:900;font-variation-settings:"wdth" 70;line-height:.95}
.nl p{margin:14px 0 0;font-family:var(--f-serif);font-size:1.15rem;color:var(--ink-2);max-width:44ch}
.nl-form{display:flex;flex-direction:column;gap:10px}
.nl-row{display:flex;gap:0;border:2px solid var(--ink);background:var(--paper)}
.nl-row input{flex:1;min-width:0;border:0;background:transparent;padding:14px 16px;font-size:1rem;min-height:52px}
.nl-row input:focus{outline:none}
.nl-row:focus-within{box-shadow:0 0 0 3px var(--accent)}
.nl-row .btn{border:0;min-height:52px}
.nl-note{font-size:.76rem;color:var(--muted);min-height:1.2em}
.nl-ok{font-weight:600;color:var(--ink)}

/* Footer */
.foot{background:var(--band);border-top:4px solid var(--ink);color:var(--band-ink);padding-block:56px 28px;margin-top:0}
.foot a{text-decoration:none;color:var(--band-ink)}
.foot a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.foot-top{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:32px}
.foot .logo-img{height:72px}
.foot-tag{margin:14px 0 0;color:var(--band-muted);font-family:var(--f-serif);font-size:1.05rem;max-width:30ch}
.foot h3{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--band-muted);margin:6px 0 12px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:.9rem}
.foot-soc{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.foot-soc a{border:1px solid var(--band-line);padding:8px 10px;font-size:.72rem;font-weight:700;letter-spacing:.06em}
.foot-soc a:hover{border-color:var(--accent);text-decoration:none}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--band-line);margin-top:44px;padding-top:20px;font-size:.76rem;color:var(--band-muted)}

/* ---------- Category page ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.cat-head{padding-block:34px 26px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:end}
.cat-title{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 64;font-size:clamp(3.2rem,2rem + 6vw,7.4rem);line-height:.82;text-transform:uppercase;letter-spacing:-.02em;margin:12px 0 0;display:flex;align-items:flex-end;gap:14px}
.cat-title i{width:.16em;height:.16em;background:var(--accent);display:inline-block;margin-bottom:.1em}
.cat-desc{font-family:var(--f-serif);font-size:1.15rem;color:var(--ink-2);margin:0 0 14px;max-width:48ch}
.cat-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;padding-block:28px 8px}
.two-col{display:grid;grid-template-columns:minmax(0,8fr) minmax(300px,4fr);gap:40px;padding-block:40px 20px}

/* ---------- Article ---------- */
.progress{position:fixed;left:0;top:0;height:3px;background:var(--accent);width:0;z-index:60;transition:width .1s linear}
.art-head{padding-block:32px 22px;display:flex;flex-direction:column;gap:16px}
.art-head .h{font-size:clamp(2.1rem,1.2rem + 3.6vw,4.1rem);line-height:.98;font-weight:850;font-variation-settings:"wdth" 76}
.byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-block:1px solid var(--line);padding-block:14px;margin-top:6px}
.byline .who{display:flex;align-items:center;gap:12px}
.byline .who a{font-weight:700;text-decoration:none}
.byline .who a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px}
.byline .when{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.share{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid var(--line);background:var(--paper);text-decoration:none;font-size:.74rem;font-weight:700;cursor:pointer;color:var(--ink)}
.share:hover{border-color:var(--ink)}
.share svg{width:16px;height:16px}
.fsz{display:inline-flex;border:1px solid var(--line)}
.fsz button{min-width:40px;min-height:40px;border:0;background:var(--paper);cursor:pointer;font-weight:800;font-family:var(--f-head)}
.fsz button+button{border-left:1px solid var(--line)}
.fsz button:hover{background:var(--surface)}
.fsz button:disabled{opacity:.35;cursor:default}
.art-fig{margin:0 auto;max-width:1120px}
.art-fig figcaption{font-size:.8rem;color:var(--muted);padding-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.art-fig figcaption b{color:var(--ink-2);font-weight:600}
.art-grid{display:grid;grid-template-columns:minmax(0,680px) 300px;justify-content:space-between;gap:56px;padding-block:32px 20px}
.prose{font-size:var(--fs-body);line-height:1.68;color:var(--ink)}
.prose p{margin:0 0 1.15em;text-wrap:pretty}
.prose>p:first-of-type::first-line{font-weight:600}
.prose h2{font-family:var(--f-head);font-weight:800;font-variation-settings:"wdth" 82;font-size:1.55em;line-height:1.1;margin:1.6em 0 .6em;text-wrap:balance}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--accent);font-family:var(--f-serif);font-style:italic;font-size:1.3em;line-height:1.35;color:var(--ink)}
.prose .ad{margin-block:1.8em}
.prose ul{padding-left:1.2em;margin:0 0 1.15em}
.prose li{margin-bottom:.4em}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tags a{border:1px solid var(--line);padding:7px 11px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.tags a:hover{border-color:var(--ink);background:var(--surface)}
.author-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;border-top:4px solid var(--line-strong);padding-top:20px;margin-top:34px}
.author-box p{margin:6px 0 0;color:var(--ink-2);font-size:.95rem}
.author-box .h a{text-decoration:none}
.end-share{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.end-share span{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-right:6px}
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}

/* ---------- Search ---------- */
.searchpanel{position:fixed;inset:0;z-index:90;background:rgba(8,9,11,.55);display:flex;flex-direction:column}
.sp-inner{background:var(--paper);border-bottom:4px solid var(--accent);padding-block:calc(22px + env(safe-area-inset-top,0px)) 26px}
.sp-form{display:flex;gap:10px;align-items:center}
.sp-form input{flex:1;min-width:0;border:0;border-bottom:2px solid var(--ink);background:transparent;font-family:var(--f-head);font-weight:800;font-variation-settings:"wdth" 80;font-size:clamp(1.5rem,1rem + 2vw,2.6rem);padding:8px 0;border-radius:0}
.sp-form input:focus{outline:none;border-bottom-color:var(--accent)}
.sp-sugg{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sp-sugg span{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.sp-close{flex:none}
.sp-dismiss{flex:1;border:0;background:transparent;cursor:default}
.res-groups{display:flex;flex-direction:column;gap:14px;padding-block:18px;border-bottom:1px solid var(--line)}
.res-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.res-group>span{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-width:92px}
mark{background:var(--accent);color:var(--accent-ink);padding:0 .1em}
.search-form-page{display:flex;gap:10px;margin-top:16px;max-width:680px}
.search-form-page input{flex:1;min-width:0;border:2px solid var(--ink);padding:12px 14px;background:var(--paper);min-height:52px}

/* ---------- Drawer (mobile menu) ---------- */
.drawer{position:fixed;inset:0;z-index:95;display:flex;justify-content:flex-end;background:rgba(8,9,11,.5)}
.drawer-panel{background:var(--paper);width:min(420px,100%);height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));animation:slidein .22s ease-out}
@keyframes slidein{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.drawer-top{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--line);margin-bottom:14px}
.drawer-top .logo-img{height:42px}
.drawer form{display:flex;border:2px solid var(--ink);margin-bottom:10px}
.drawer form input{flex:1;min-width:0;border:0;background:transparent;padding:12px;min-height:50px}
.drawer form button{border:0;background:var(--ink);color:var(--paper);padding:0 16px;font-weight:800;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.dnav{list-style:none;margin:0;padding:0}
.dnav a{display:flex;justify-content:space-between;align-items:center;min-height:54px;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--f-head);font-weight:800;font-variation-settings:"wdth" 80;font-size:1.35rem}
.dnav a::after{content:"→";font-family:var(--f-ui);font-size:1rem;color:var(--muted)}
.dnav a[aria-current="page"]{box-shadow:inset 4px 0 0 var(--accent);padding-left:12px}
.dlabel{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:24px 0 10px}

/* ---------- Admin ---------- */
.adm-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-block:30px 18px;border-bottom:1px solid var(--line)}
.adm-note{font-size:.8rem;color:var(--muted);max-width:60ch;margin:8px 0 0}
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-top:6px}
.tabs button{border:0;background:none;padding:14px 16px;font-weight:800;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--muted);white-space:nowrap;position:relative}
.tabs button[aria-selected="true"]{color:var(--ink)}
.tabs button[aria-selected="true"]::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;background:var(--accent)}
.adm-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;padding-block:24px 40px}
.adm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.adm-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 10px;cursor:pointer}
.adm-list button:hover{background:var(--surface)}
.adm-list button[aria-current="true"]{background:var(--surface);box-shadow:inset 4px 0 0 var(--accent)}
.adm-list .t{font-weight:600;font-size:.9rem;line-height:1.3}
.adm-list .s{grid-column:1/-1;font-size:.72rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pill{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.1em;padding:3px 7px;text-transform:uppercase;white-space:nowrap}
.pill.PUBLICADA{background:#1F7A45;color:#fff}
.pill.PROGRAMADA{background:#2C5FB8;color:#fff}
.pill.BORRADOR{background:var(--surface-2);color:var(--ink)}
.flag{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:2px 6px}
.form{display:flex;flex-direction:column;gap:16px}
.frow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label,.field .lab{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.field input[type=text],.field input[type=datetime-local],.field select,.field textarea{border:1px solid var(--line);background:var(--paper);padding:10px 12px;min-height:44px;width:100%;border-radius:0}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--ink)}
.field textarea{min-height:120px;resize:vertical;line-height:1.5}
.field .hint{font-size:.72rem;color:var(--muted)}
.field .hint.warn{color:var(--live)}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.check{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;min-height:40px;font-size:.84rem;font-weight:600;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px;border-top:1px solid var(--line)}
.btn-danger{border-color:var(--live);color:var(--live)}
.btn-danger:hover{background:var(--live);color:#fff}
.code{background:var(--surface);border:1px solid var(--line);padding:16px;overflow-x:auto;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;max-width:100%}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:24px 40px}
.seo-grid h3{font-family:var(--f-head);font-weight:800;font-variation-settings:"wdth" 82;font-size:1.2rem;margin:0 0 10px}
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.9rem}
.checklist li{display:flex;gap:10px;align-items:flex-start}
.checklist li::before{content:"✓";font-weight:800;color:#1F7A45;flex:none}
.brk-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px) auto auto;gap:8px;align-items:center;padding-block:10px;border-bottom:1px solid var(--line)}
.brk-edit input[type=text],.brk-edit select{border:1px solid var(--line);background:var(--paper);padding:9px 10px;min-height:42px;width:100%}
.upl{display:flex;gap:12px;align-items:center}
.upl .media{width:120px;flex:none}

/* ---------- Misc ---------- */
.page-pad{padding-block:34px 40px}
.empty{padding:40px 0;color:var(--muted);font-family:var(--f-serif);font-size:1.15rem}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:600;font-size:.88rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:99;max-width:calc(100% - 32px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.fadein{animation:fadein .35s ease-out}
@keyframes fadein{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}
.day-sep{font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 70;text-transform:uppercase;font-size:1.3rem;padding:26px 0 8px;border-bottom:2px solid var(--line-strong)}
.static p{font-family:var(--f-serif);font-size:1.15rem;line-height:1.6;color:var(--ink-2);max-width:62ch}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .top-grid{grid-template-columns:minmax(0,1fr)}
  .top-grid .rule-l{border-left:0;padding-left:0}
  .side3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .side3 .srow{grid-template-columns:minmax(0,1fr);padding:0;border:0}
  .seg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seg-grid .card:nth-child(3){border-left:0;padding-left:0}
  .eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eco-grid .eco-list{grid-column:1/-1}
  .mr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mr-grid .mr:nth-child(4){border-left:0;padding-left:0}
  .foot-top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
  .art-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch}
  .art-grid>.aside{display:none}
  .prose,.art-main{max-width:680px;margin-inline:auto;width:100%}
}
@media (max-width:880px){
  html{scroll-padding-top:70px}
  .masthead{position:sticky;top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line)}
  .mast-row{grid-template-columns:minmax(0,1fr) auto;padding-block:10px;gap:12px;align-items:center}
  .logo-img{height:44px}
  .logo-sub,.mast-meta,.socials,.search-label{display:none}
  .burger{display:inline-flex}
  .iconbtn{width:44px;height:44px;padding:0;justify-content:center}
  .mainnav{position:static;border-top:0}
  .nav-row{min-height:46px;gap:4px}
  .nav-logo{display:none}
  .nav-list a{padding:13px 10px;font-size:.74rem}
  .live{padding:7px 10px;font-size:.68rem}
  .brk-row{gap:10px}
  .brk-label{padding-inline:8px;font-size:.62rem}
  .brk-text{font-size:.86rem}
  .brk-text .demo{display:none}
  .brk-row{padding-block:6px}
  .mkt-wx span.txt{display:none}
  .mkt-row{gap:12px}
  .brk-label{margin-block:0;align-self:center;padding-block:5px}
  .brk-text span.t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
  .brk-text .time{display:none}
  #brk-prev,#brk-pause{display:none}
  .latest-grid,.pol-grid,.city-grid,.dep-grid,.show-grid,.vid-grid,.nl,.cat-head,.cat-top,.two-col,.adm-grid,.seo-grid{grid-template-columns:minmax(0,1fr)}
  .latest-grid .aside{display:none}
  .two-col .aside{order:2}
  .zones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zone-col:nth-child(3){border-left:0;padding-left:0}
  .zone-col:nth-child(n+3){border-top:1px solid var(--line)}
  .op-grid{grid-template-columns:minmax(0,1fr)}
  .op+.op{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rel-grid>:nth-child(3){display:none}
  .aside-sticky{position:static}
  .ad .d{display:none}.ad .m{display:inline}
  .ad-lead{max-width:320px;min-height:100px}
  .ad-bill{max-width:320px;min-height:100px}
  .anchor.on{display:flex}
  body.has-anchor{padding-bottom:70px}
  .ad.no-m{display:none}
  .hide-m{display:none!important}
}
@media (max-width:640px){
  .wrap{padding-inline:16px}
  .top{padding-top:0}
  .top-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .top-grid .hero .media{margin-inline:-16px;max-width:none;width:calc(100% + 32px)}
  .side3{display:flex;flex-direction:column;gap:0}
  .side3 .srow{grid-template-columns:minmax(0,1fr) 112px;gap:14px;padding-block:16px;border-bottom:1px solid var(--line)}
  .side3 .srow:first-child{padding-top:4px}
  .side3 .srow>a:first-child{order:2}
  .side3 .srow .media{aspect-ratio:1/1}
  .feed-item{grid-template-columns:minmax(0,1fr) 104px;gap:6px 14px}
  .feed-time{grid-column:1;display:flex;gap:8px;align-items:baseline;font-size:1rem}
  .feed-time small{margin:0}
  .feed-body{grid-column:1}
  .feed-item .media{grid-column:2;grid-row:1/span 2;aspect-ratio:1/1}
  .feed-body .dek{display:none}
  .feed-item.is-new::before{left:-10px}
  .pol-lead{grid-template-columns:minmax(0,1fr)}
  .seg-grid{grid-template-columns:minmax(0,1fr)}
  .seg-grid .card+.card{border-left:0;padding-left:0;border-top:1px solid var(--band-line);padding-top:18px}
  .eco-grid{grid-template-columns:minmax(0,1fr)}
  .soc-grid{grid-template-columns:minmax(0,1fr)}
  .hcard{grid-template-columns:minmax(0,1fr) 120px}
  .hcard .media{order:2;aspect-ratio:1/1}
  .zones-grid{grid-template-columns:minmax(0,1fr)}
  .zone-col,.zone-col+.zone-col{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .zone-col:first-child{border-top:0}
  .show-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .show-tiles .h{font-size:1rem}
  .vbtn{grid-template-columns:112px minmax(0,1fr)}
  .mr-grid{grid-template-columns:minmax(0,1fr)}
  .mr,.mr+.mr,.mr-grid .mr:nth-child(4){flex-direction:row;align-items:flex-start;gap:16px;border-left:0;padding:14px 0;border-bottom:1px solid var(--line)}
  .mr-n{font-size:3rem;min-width:66px}
  .foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .byline{flex-direction:column;align-items:flex-start}
  .art-fig .media{margin-inline:-16px;max-width:none;width:calc(100% + 32px)}
  .art-fig figcaption{padding-inline:0}
  .rel-grid{grid-template-columns:minmax(0,1fr)}
  .rel-grid>:nth-child(3){display:flex}
  .frow{grid-template-columns:minmax(0,1fr)}
  .brk-edit{grid-template-columns:minmax(0,1fr) auto}
  .brk-edit select{grid-column:1/-1;order:3}
  .nl-row{flex-direction:column}
  .nl-row .btn{width:100%}
  .share .lbl{display:none}
  .share{padding:0 11px}
  .cat-title{font-size:clamp(2.8rem,14vw,4.4rem)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* =========================================================
   WordPress + Elementor
   ========================================================= */
body.baam{background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--f-ui);margin:0}
body.baam h1,body.baam h2,body.baam h3,body.baam h4{color:inherit}
body.baam button{border-radius:0}
body.baam input[type=search],body.baam input[type=email]{border-radius:0;color:var(--ink)}
.admin-bar .mainnav{top:32px}
@media (max-width:880px){.admin-bar .masthead{top:46px}}
@media (max-width:600px){.admin-bar .masthead{top:0}}
.ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-head);font-weight:900;font-variation-settings:"wdth" 75;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:repeating-linear-gradient(135deg,var(--surface) 0 14px,var(--surface-2) 14px 28px)}
.media>img{position:absolute;inset:0}
.media{position:relative}
.feed-ad{padding-block:18px;border-bottom:1px solid var(--line);list-style:none}
.ad-filled{background:none;border:0;padding:0;min-height:0}
.ad-filled .ad-l-top{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-self:center;margin-bottom:4px}
.ad-code{width:100%;display:flex;justify-content:center}
.ad-code img{max-width:100%;height:auto}
.ad-anchor{max-width:320px;min-height:50px;padding:4px}
.brk-items{flex:1;min-width:0;display:flex}
.brk-items .brk-text{flex:1}
.mkt-wx{border-left:1px solid var(--line)}
.vid-hl{background:var(--accent);color:var(--accent-ink);padding:0 .18em}
.show-4{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.list-grid .mini{border-bottom:1px solid var(--line);padding-bottom:18px}
.zone-item{gap:6px;border-top:1px solid var(--line);padding-top:10px}
.author-head{display:flex;align-items:center;gap:18px;margin-top:16px}
.cat-desc p{margin:0 0 14px}
.kit-wrap{overflow-x:auto}
.pager{margin-top:26px}
.pager ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.pager a,.pager span{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:.82rem}
.pager .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pager a:hover{border-color:var(--ink)}
.player-media .bigplay{z-index:2}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
img.avatar{object-fit:cover;border-radius:50%}
.who b{font-weight:700}
.prose img{max-width:100%;height:auto}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.prose iframe{max-width:100%}
.nl-note.err{color:#ff8a8f}
/* Elementor: los bloques de BAAM ocupan todo el ancho y sin espacios extra */
.e-con.baam-blk,.elementor-section.baam-blk{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%}
.baam-blk .elementor-widget-shortcode,.baam-blk .elementor-widget-shortcode .elementor-shortcode{width:100%}
.elementor-widget-shortcode .elementor-widget-container{margin:0;padding:0}
body.baam .site-main,body.baam .page-content{max-width:none}
body.baam.page:not(.home) .site-main .page-header{max-width:1280px;margin:0 auto;padding:34px 20px 10px}
body.baam.page .page-header .entry-title{font-family:var(--f-head);font-weight:850;font-variation-settings:"wdth" 78;font-size:clamp(2rem,1.2rem + 3vw,3.6rem);line-height:1;color:var(--ink)}
body.baam.page:not(.elementor-page):not(.home) .page-content{max-width:820px;margin:0 auto;padding:0 20px 60px;font-family:var(--f-serif);font-size:1.15rem;line-height:1.6;color:var(--ink-2)}
@media (max-width:1100px){.show-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.list-grid{grid-template-columns:minmax(0,1fr)}.show-4{gap:12px}.mkt-wx>span:not(:first-of-type){display:none}}
.drawer form button:hover{background:var(--accent);color:#fff}

body.baam.home .page-header{display:none}
body.baam.home .site-main,body.baam.home .page-content{max-width:none;padding:0;margin:0}

/* ---------- Clima por zona (1.2) ---------- */
.wx-pick{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 12px}
.wx-sel{background:var(--surface,#2E2D2D);color:var(--ink,#F4F2F0);border:1px solid var(--line,#423F3F);font:600 .78rem/1.2 var(--f-ui,system-ui);padding:5px 6px;max-width:100%;border-radius:0;cursor:pointer}
.wx-sel option,.wx-sel optgroup{background:#252424;color:#F4F2F0}
.wx-geo{background:none;border:1px solid var(--line,#423F3F);color:var(--ink-2,#D7D3D0);font:600 .72rem var(--f-ui,system-ui);padding:5px 8px;cursor:pointer}
.wx-geo:hover{border-color:var(--accent,#4377BB);color:var(--ink,#F4F2F0)}
.mkt-wx .wx-sel-strip{background:transparent;border:0;padding:2px 0;font-weight:700;font-size:.8rem;max-width:150px}
.wx-days small{display:block;color:var(--accent,#4377BB);font-size:.66rem;font-weight:700;margin-top:2px}
@media (max-width:880px){.mkt-wx .wx-sel-strip{max-width:96px;font-size:.74rem}}

/* ---------- Firma (1.2) ---------- */
.foot-credit{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--band-muted,#A5A09C);text-decoration:none;opacity:.85;transition:opacity .2s}
.foot-credit:hover{opacity:1;text-decoration:none!important}
.foot-credit img{height:18px;width:auto;display:block}

/* =========================================================
   1.3 · Sitio claro; solo la sección de Videos en negro
   ========================================================= */
:root{
  --paper:#FFFFFF;
  --surface:#F4F3F1;
  --surface-2:#E9E7E4;
  --ink:#252424;
  --ink-2:#3E3C3C;
  --muted:#6B6866;
  --line:#E3E0DC;
  --line-strong:#252424;
  --band:#F4F3F1;
  --band-ink:#252424;
  --band-muted:#6B6866;
  --band-line:#E3E0DC;
  color-scheme:light;
}
.mkt{background:var(--surface);border-bottom:1px solid var(--line)}
.ad{background:repeating-linear-gradient(135deg,var(--surface) 0 14px,#ECEAE6 14px 28px)}
.anchor{box-shadow:0 -6px 20px rgba(0,0,0,.12)}
.wx-sel option,.wx-sel optgroup{background:#FFFFFF;color:#252424}
.foot{border-top:1px solid var(--line)}

/* Videos: fondo negro con el amarillo de la marca, como el mockup */
.band-video{
  --paper:#0B0B0B;--surface:#161616;--surface-2:#1E1E1E;
  --ink:#F4F2F0;--ink-2:#D7D3D0;--muted:#A5A09C;--line:#2A2A2A;--line-strong:#DFAC25;
  --band:#0B0B0B;--band-ink:#F4F2F0;--band-muted:#A5A09C;--band-line:#262626;
  --accent:#DFAC25;--accent-ink:#252424;
  color-scheme:dark;background:#0B0B0B;color:var(--ink);border:0;margin-top:52px
}
.band-video .sec-head{border-top:3px solid #DFAC25}
.band-video .sec-title{color:#F4F2F0}
.band-video .sec-more,.band-video .crumbs a{color:#DFAC25}
.band-video .vid-hl{background:#DFAC25;color:#252424;padding:0 .18em}
.band-video .player .bigplay{background:#DFAC25}
.band-video .player .bigplay svg{color:#252424}
.band-video .vbtn[aria-current="true"] .h{color:#DFAC25}
.band-video .kicker{color:#DFAC25}
.band-video .kicker::before{background:#DFAC25}
.band-video .media .play{background:rgba(0,0,0,.78);color:#fff}
.band-video .player-title a{color:#F4F2F0}
.band-video .empty{color:#A5A09C}
.vid-crumbs{margin:0 0 14px;color:#A5A09C}
.yt-sub{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 14px;border:1px solid #333;color:#F4F2F0!important;text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;transition:border-color .2s,background .2s}
.yt-sub svg{width:20px;height:20px;color:#FF0033}
.yt-sub:hover{border-color:#DFAC25;background:#161616}
.band-video .vlist{max-height:calc(100% + 0px)}

/* 1.4 · Botón VIDEOS con letras blancas + página de Videos en negro */
a.live,a.live:link,a.live:visited,a.live:hover,.nav-row a.live{color:#FFFFFF!important}
body.baam-dark{
  --paper:#0B0B0B;--surface:#161616;--surface-2:#1E1E1E;
  --ink:#F4F2F0;--ink-2:#D7D3D0;--muted:#A5A09C;--line:#2A2A2A;--line-strong:#DFAC25;
  --band:#0B0B0B;--band-ink:#F4F2F0;--band-muted:#A5A09C;--band-line:#262626;
  color-scheme:dark;background:#0B0B0B;color:#F4F2F0
}
body.baam-dark .masthead,body.baam-dark .nav,body.baam-dark .nav-row,body.baam-dark .mkt,body.baam-dark .foot,body.baam-dark .brk{background:#0B0B0B;color:#F4F2F0;border-color:#2A2A2A}
body.baam-dark .mkt{background:#111}
body.baam-dark .nav-list a,body.baam-dark .logo-sub,body.baam-dark .mast-meta,body.baam-dark .mast-meta *{color:#F4F2F0}
body.baam-dark .ad{background:repeating-linear-gradient(135deg,#141414 0 14px,#1B1B1B 14px 28px);border-color:#2A2A2A}
body.baam-dark .band-video{margin-top:0}
body.baam-dark .wx-sel option,body.baam-dark .wx-sel optgroup{background:#161616;color:#F4F2F0}

/* 1.4.1 · Las fotos siempre cubren todo su recuadro (Elementor pone img{height:auto}) */
.media>img,.elementor .media>img,.media img.wp-post-image,.elementor .media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center}

/* 1.5 · Banners cargados: la imagen ocupa todo el ancho, sin rayas ni bordes */
.ad.ad-filled{background:none!important;border:0!important;padding:0!important;min-height:0!important;width:100%;max-width:970px;margin-inline:auto}
.ad.ad-filled .ad-code,.ad.ad-filled .ad-code>a,.ad.ad-filled picture{display:block;width:100%}
.ad.ad-filled .ad-code img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0}
.anchor .ad.ad-anchor:has(img){background:none!important;border:0!important;padding:0!important;max-width:100%;min-height:0}
.anchor .ad.ad-anchor img{display:block;width:100%!important;height:auto!important;max-height:90px;object-fit:contain}
body.baam-dark .ad.ad-filled{background:none!important;border:0!important}
@media(max-width:880px){.ad.ad-filled{max-width:100%}}
/* 1.5 · Tarjetas horizontales en celular: texto a la izquierda y foto cuadrada chica a la derecha */
@media(max-width:640px){.hcard>a:first-child,.hcard>.media{order:2}.hcard>a:first-child{display:block}}