:root{
  /* Layout: portada en bloques por sección (principal + columna «Hoy», rejillas, banda de opinión); dos direcciones: «Corte» (cartel nocturno) y «Tinta» (editorial premium). */
  --red:#D0111B;--red-ink:#B00E17;--on-red:#FFFFFF;
  --ink:#121010;--ink-2:#3B3533;--muted:#6E6461;
  --paper:#FFFFFF;--paper-2:#F3F1F0;--rule:#E4DFDD;--hl:rgba(208,17,27,.10);
  --band:#121010;--band-fg:#F4F0EE;--band-muted:#A79C98;--band-rule:#2E2828;
  --ok:#1C7A44;--warn:#A86400;--info:#2C5C8F;--neutral:#5F5957;--link-g:#1A0DAB;
  --side-bg:#121010;--side-fg:#EFE9E7;--side-muted:#A0948F;--side-hover:#2A2423;
  --og-bg:#FFFFFF;--og-ink:#121010;
  --shadow:0 1px 2px rgba(30,10,10,.06),0 12px 32px rgba(30,10,10,.10);
  --font-head:"Archivo","Arial Narrow",Arial,sans-serif;
  --font-body:"Newsreader",Georgia,"Times New Roman",serif;
  --font-goth:"UnifrakturMaguntia","Old English Text MT",Georgia,serif;
  --h-font:var(--font-head);--h-weight:800;--h-stretch:76%;--h-track:-.01em;--h-style:normal;--h-lh:1.02;
  --r:0px;--maxw:1260px;--measure:66ch;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --red:#E8323C;--red-ink:#FF8087;--ink:#F2ECEA;--ink-2:#D3C9C6;--muted:#A3968F;
  --paper:#0F0D0D;--paper-2:#1A1716;--rule:#2F2927;--hl:rgba(232,50,60,.18);
  --band:#1E0B0C;--band-fg:#F4F0EE;--band-muted:#A3958F;--band-rule:#3A2324;
  --ok:#43C27D;--warn:#E6A23C;--info:#86B6E8;--neutral:#A39C99;--link-g:#8AB4F8;
  --side-bg:#090707;--side-fg:#EFE9E7;--side-muted:#958A86;--side-hover:#211B1A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.4);color-scheme:dark}}
:root[data-theme="dark"]{
  --red:#E8323C;--red-ink:#FF8087;--ink:#F2ECEA;--ink-2:#D3C9C6;--muted:#A3968F;
  --paper:#0F0D0D;--paper-2:#1A1716;--rule:#2F2927;--hl:rgba(232,50,60,.18);
  --band:#1E0B0C;--band-fg:#F4F0EE;--band-muted:#A3958F;--band-rule:#3A2324;
  --ok:#43C27D;--warn:#E6A23C;--info:#86B6E8;--neutral:#A39C99;--link-g:#8AB4F8;
  --side-bg:#090707;--side-fg:#EFE9E7;--side-muted:#958A86;--side-hover:#211B1A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.4);color-scheme:dark}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:clip}
body[data-mode="panel"]{background:var(--paper-2)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{text-wrap:balance}
.ex{display:inline-block;font:600 .68rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px dashed var(--rule);border-radius:999px;padding:4px 8px}
.hx{font-family:var(--h-font);font-weight:var(--h-weight);font-stretch:var(--h-stretch);letter-spacing:var(--h-track);font-style:var(--h-style);line-height:var(--h-lh)}

/* ---------- Cabecera ---------- */
.util{font:500 .78rem/1.2 var(--font-head);color:var(--muted);border-bottom:1px solid var(--rule)}
.util-in{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding-block:8px}
.util-date::first-letter{text-transform:uppercase}
.util-29 b{color:var(--red-ink);font-weight:800}
.util-links{margin-left:auto;display:flex;gap:16px}
.util-links a{text-decoration:none;font-weight:700;color:var(--ink)}
.util-links a:hover{color:var(--red-ink)}
.mast{position:relative;overflow:hidden;isolation:isolate}
.mast-bg{position:absolute;inset:0;z-index:-1;background:url("/brand/fondo.jpg") center/cover no-repeat}
.mast-in{display:grid;justify-items:center;gap:10px;text-align:center}
.mast .logo{display:inline-block;text-decoration:none}
.logo-a{display:block;height:auto}
.logo-b{display:inline-grid;justify-items:start;line-height:.82;color:inherit}
.lb-the{font-family:var(--font-goth);font-size:.36em;line-height:1;margin:0 0 .04em .04em;font-weight:400}
.lb-word{font-family:var(--font-head);font-weight:900;font-stretch:100%;letter-spacing:-.02em}
.mast-tag{margin:0;font:italic 400 clamp(.95rem,1.6vw,1.1rem)/1.3 var(--font-body)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
.nav-in{display:flex;align-items:center;gap:16px;min-height:52px}
.nav-mini{display:none;align-items:center;text-decoration:none;flex:none}
.nav.stuck .nav-mini{display:inline-flex}
.nav-links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{font:700 .8rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;white-space:nowrap;padding:10px 12px}
.nav-search{flex:none;display:inline-flex;align-items:center;gap:6px;font:700 .8rem/1 var(--font-head);text-decoration:none}
.nav-search svg{width:16px;height:16px}
.ticker{border-bottom:1px solid var(--rule);font:600 .86rem/1.3 var(--font-head)}
.ticker-in{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;padding-block:10px}
.ticker b{font:800 .7rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--on-red);background:var(--red);padding:5px 8px}
.ticker a{text-decoration:none;color:var(--ink-2)}
.ticker a:hover{color:var(--red-ink)}

/* ---------- Bloques y cabeceras de sección ---------- */
.home,.secpage{padding-bottom:56px}
.blk{padding-block:30px}
.sh{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 1.05rem/1 var(--font-head)}
.sh-t{display:inline-flex;align-items:center}
.sh-sub{font:500 .8rem/1.2 var(--font-head);color:var(--muted)}
.sh-more{margin-left:auto;font:700 .78rem/1 var(--font-head);text-decoration:none;white-space:nowrap}
.sh-more:hover{text-decoration:underline}
.kick{margin:0 0 6px;font:800 .7rem/1.2 var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--red-ink)}
.meta{margin:8px 0 0;font:500 .78rem/1.3 var(--font-head);color:var(--muted)}
.dek{margin:10px 0 0;font:400 1.06rem/1.45 var(--font-body);color:var(--ink-2)}
.dek.sm{font-size:.96rem}
.hl-link{text-decoration:none;background-image:linear-gradient(var(--red),var(--red));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s}
.hl-link:hover{background-size:100% 2px}
.ph{display:block;overflow:hidden;background:var(--paper-2);border-radius:var(--r)}
.ph img{width:100%;object-fit:cover;aspect-ratio:3/2;transition:transform .5s}
@media (prefers-reduced-motion:no-preference){a.ph:hover img,a.lead-ph:hover img{transform:scale(1.03)}}
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}
.lead{position:relative;min-width:0}
.lead-ph{display:block;overflow:hidden;border-radius:var(--r);background:var(--paper-2)}
.lead-ph img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}
.h-lead{margin:0;font-size:clamp(1.9rem,3.8vw,3.2rem)}
.h-lead a,.h3 a,.op-h a,.hoy-t,.most a{color:inherit;text-decoration:none}
.hoy-list{list-style:none;margin:0;padding:0;display:grid}
.hoy-list li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding-block:12px;border-bottom:1px solid var(--rule)}
.hoy-list li:first-child{padding-top:0}
.hoy-ph{display:block;overflow:hidden;border-radius:var(--r);background:var(--paper-2)}
.hoy-ph img{width:100%;aspect-ratio:1;object-fit:cover}
.hoy-t{display:block;font-size:1.02rem}
.hoy-list .kick{margin-bottom:4px}
.hoy-list time{display:block;margin-top:4px;font:600 .72rem var(--font-head);color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.card-n{display:grid;align-content:start;gap:12px;min-width:0}
.h3{margin:0;font-size:1.32rem}
.band{background:var(--band);color:var(--band-fg)}
.band .kick{color:var(--band-fg)}
.ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.op{display:grid;align-content:start;gap:12px}
.op-who{display:flex;gap:10px;align-items:center;text-decoration:none}
.op-who b{display:block;font:800 .9rem/1.2 var(--font-head)}
.op-who small{display:block;font:500 .76rem/1.2 var(--font-head);opacity:.7}
.op-h{margin:0;font:600 1.25rem/1.25 var(--font-body);font-style:italic}
.mono{width:46px;height:46px;border-radius:50%;background:var(--red);color:var(--on-red);display:inline-grid;place-items:center;font:800 .9rem/1 var(--font-head);flex:none}
.mono.lg{width:78px;height:78px;font-size:1.4rem}
.mono.sm{width:30px;height:30px;font-size:.68rem}
.vcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vc{display:grid;align-content:start;gap:12px;min-width:0}
.vc-ph{position:relative;display:block;overflow:hidden;border-radius:var(--r);background:var(--paper-2)}
.vc-ph img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.vc-ph .stamp{position:absolute;left:14px;bottom:14px;background:var(--paper)}
.vc-noimg{aspect-ratio:16/9;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--paper-2) 0 14px,var(--paper) 14px 28px)}
.vc-noimg .stamp{position:static;font-size:1.3rem}
.vc-claim{margin:0;font:italic 500 1.12rem/1.35 var(--font-body)}
.vc-sum{margin:0;font:400 .92rem/1.45 var(--font-head);color:var(--ink-2)}
.vc-more{font:700 .8rem var(--font-head);color:var(--red-ink);text-decoration:none}
.vc-more:hover{text-decoration:underline}
.stamp{display:inline-block;font:900 .9rem/1 var(--font-head);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px 5px;border:3px solid currentColor;outline:1px solid currentColor;outline-offset:2px;transform:rotate(-3deg);color:var(--red)}
.stamp.v-false{color:var(--red)} .stamp.v-mis{color:var(--warn)} .stamp.v-true{color:var(--ok)} .stamp.v-nop{color:var(--neutral)}
.two{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:36px;align-items:start}
.list-h{display:grid;gap:20px}
.item-h{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;padding-top:18px;border-top:1px solid var(--rule)}
.item-h:first-child{border-top:0;padding-top:0}
.item-h .ph img{aspect-ratio:4/3}
.side{display:grid;align-content:start;gap:30px}
.most{list-style:none;margin:0;padding:0;counter-reset:m}
.most li{counter-increment:m;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;padding-block:10px;border-bottom:1px solid var(--rule)}
.most li::before{content:counter(m);font:900 2.1rem/.9 var(--font-head);font-stretch:72%;color:var(--red)}
.most a{font:700 .98rem/1.25 var(--font-head)}
.most a:hover{color:var(--red-ink)}
.semana{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.semana li{padding-block:12px;border-top:1px solid var(--rule);display:grid;gap:4px;align-content:start}
.semana .src{font:800 .68rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.semana a{font:600 .98rem/1.3 var(--font-head);text-decoration:none}
.semana a:hover{color:var(--red-ink)}
.box{background:var(--ink);color:var(--paper);padding:22px;display:grid;gap:10px;border-radius:var(--r)}
.box h3{margin:0;font:800 1.2rem/1.15 var(--font-head);font-stretch:85%}
.box p{margin:0;font:400 .95rem/1.4 var(--font-body);opacity:.9}
.box .lb-the-inline{font-family:var(--font-goth);font-weight:400}
.box input[type="email"]{width:100%;padding:11px 12px;border:0;border-radius:6px;background:var(--paper);color:var(--ink);font:500 .95rem var(--font-head)}
.box label.chk{display:flex;gap:8px;align-items:flex-start;font:500 .78rem/1.35 var(--font-head);opacity:.85}
.box button{justify-self:start;background:var(--red);color:var(--on-red);border:0;border-radius:6px;padding:11px 16px;font:800 .8rem var(--font-head);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.box.alt{background:var(--paper-2);color:var(--ink)}
.box.alt textarea{width:100%;min-height:70px;padding:10px;border:1px solid var(--rule);border-radius:6px;background:var(--paper);font:400 .92rem var(--font-head)}
.sec-head{padding-block:34px 6px}
.sec-head h1{margin:0;font-size:clamp(2.6rem,6vw,4.4rem)}
.sec-head p{margin:10px 0 0;font:400 1.08rem/1.45 var(--font-body);color:var(--ink-2);max-width:62ch}

/* ---------- Pie ---------- */
.foot{background:var(--band);color:var(--band-fg);margin-top:24px}
.foot-in{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:28px;padding-block:40px 28px}
.foot .logo-a{width:210px}
.foot .logo-b{font-size:2.4rem;color:var(--band-fg)}
.foot p{margin:12px 0 0;font:400 .92rem/1.45 var(--font-body);opacity:.85;max-width:38ch}
.foot h4{margin:0 0 10px;font:800 .72rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--band-muted)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font:600 .9rem var(--font-head)}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot-legal{border-top:1px solid var(--band-rule);padding-block:14px;font:500 .78rem var(--font-head);color:var(--band-muted)}

/* ---------- Maqueta: control flotante y avisos ---------- */
.mock{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:80;display:grid;justify-items:end;gap:8px;font-family:var(--font-head)}
.mock-btn{background:var(--red);color:var(--on-red);border:0;border-radius:999px;padding:10px 16px;font:800 .74rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:var(--shadow)}
.mock-panel{order:-1;width:min(320px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:12px;padding:14px;box-shadow:var(--shadow);display:grid;gap:10px}
.mock-panel[hidden]{display:none}
.mock-h{margin:0;font:800 .8rem var(--font-head);text-transform:uppercase;letter-spacing:.06em}
.mock-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 .8rem var(--font-head)}
.mock-row>span{width:52px;color:var(--muted)}
.mock-chip{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:5px 10px;font:700 .78rem var(--font-head);text-decoration:none;cursor:pointer}
.mock-chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.mock-note{margin:0;font:400 .76rem/1.4 var(--font-head);color:var(--muted)}
.mock-reset{justify-self:start;border:0;background:none;padding:0;font:700 .78rem var(--font-head);color:var(--red-ink);cursor:pointer;text-decoration:underline}
.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;background:var(--ink);color:var(--paper);padding:11px 16px;border-radius:8px;font:600 .88rem/1.3 var(--font-head);box-shadow:var(--shadow);max-width:calc(100vw - 32px)}
.spin{display:inline-block;width:12px;height:12px;border:2px solid var(--rule);border-top-color:var(--red);border-radius:50%;vertical-align:-1px;margin-right:6px}
@media (prefers-reduced-motion:no-preference){.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}

/* ---------- Responsive web ---------- */
@media (max-width:980px){
  .hero,.two{grid-template-columns:1fr}
  .ops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .semana{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .grid3,.vcs{grid-template-columns:1fr}
  .grid3 .card-n{grid-template-columns:120px minmax(0,1fr);column-gap:14px}
  .grid3 .card-n .ph{grid-row:span 3}
  .grid3 .card-n .ph img{aspect-ratio:1}
  .grid3 .card-n .dek{display:none}
  .item-h{grid-template-columns:minmax(0,1fr) 110px}
  .foot-in{grid-template-columns:1fr 1fr}
  .foot-in>div:first-child{grid-column:1/-1}
  .util-links{margin-left:0}
  .semana{grid-template-columns:1fr}
}
@media (max-width:520px){.ops{grid-template-columns:1fr}}
/* ---------- Artículo ---------- */
.preview-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:10px;background:var(--hl);font:600 .88rem var(--font-head)}
.art{padding-block:26px 40px}
.art-head{max-width:860px;margin-inline:auto}
.art-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.art-top .kick{margin:0}
.antetitulo{margin:14px 0 0;font:800 .82rem/1.2 var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}
.art h1{margin:.18em 0 .28em;font-size:clamp(2rem,4.8vw,3.6rem);font-family:var(--h-font);font-weight:var(--h-weight);font-stretch:var(--h-stretch);letter-spacing:var(--h-track);line-height:var(--h-lh)}
.is-op h1{font:600 clamp(2rem,4.4vw,3.2rem)/1.08 var(--font-body);font-style:italic;font-stretch:normal;letter-spacing:-.01em}
.standfirst{margin:0;font:400 clamp(1.15rem,1.9vw,1.4rem)/1.42 var(--font-body);color:var(--ink-2);max-width:62ch}
.op-author{display:flex;align-items:center;gap:14px;margin-top:18px}
.op-name{display:block;font:800 1.15rem/1.2 var(--font-head);text-decoration:none}
.op-role{display:block;font:500 .85rem var(--font-head);color:var(--muted)}
.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:14px;margin-top:20px;border-block:1px solid var(--rule)}
.by-txt{display:grid;gap:2px}
.by-name{font:800 .92rem/1.2 var(--font-head);text-decoration:none}
.by-name:hover{color:var(--red-ink)}
.by-meta{font:500 .8rem/1.3 var(--font-head);color:var(--muted)}
.by-meta::first-letter{text-transform:uppercase}
.share{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.share button{font:700 .74rem/1 var(--font-head);padding:8px 11px;border:1px solid var(--rule);background:var(--paper);border-radius:999px;cursor:pointer}
.share button:hover{border-color:var(--ink)}
.cover{max-width:1040px;margin:24px auto 0}
.cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r)}
.cover-img{position:relative}
.cover-img .stamp{position:absolute;left:18px;bottom:18px;font-size:clamp(1.1rem,3vw,1.9rem);background:var(--paper)}
figcaption{margin-top:8px;font:400 .84rem/1.45 var(--font-head);color:var(--muted)}
.cover figcaption{max-width:860px;margin-inline:auto}
.credit a{color:inherit}
.prose{max-width:var(--measure);margin:28px auto 0;font:400 1.1875rem/1.64 var(--font-body);font-optical-sizing:auto}
.prose>p{margin:0 0 1.05em}
.prose h2{margin:1.7em 0 .5em;font:800 1.5rem/1.15 var(--font-head);font-stretch:84%}
.prose a{color:var(--red-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.2em}
.is-op .prose>p:first-of-type::first-letter{float:left;font:700 4.2em/.82 var(--font-body);margin:.06em .08em 0 0;color:var(--red)}
.prose figure{margin:1.6em 0}
.pull{position:relative;margin:1.7em 0;padding:0 0 0 58px}
.pull::before{content:"«";position:absolute;left:0;top:-.2em;font:700 4.6rem/1 var(--font-body);color:var(--red)}
.pull p{margin:0 0 .45em;font:800 clamp(1.35rem,2.4vw,1.75rem)/1.17 var(--font-head);font-stretch:82%}
.pull cite{font:italic 400 1rem/1.3 var(--font-body);color:var(--muted)}
.post{max-width:560px;margin:1.5em 0;padding:14px 16px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font-family:var(--font-head)}
.post-head{display:flex;align-items:center;gap:10px}
.post-av{width:36px;height:36px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;font:800 .76rem var(--font-head);flex:none}
.post-name{display:grid;line-height:1.2;min-width:0}
.post-name b{font-size:.92rem}
.post-name span{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.post-plat{margin-left:auto;font:700 .68rem var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.post p{margin:.6em 0;font:400 1rem/1.45 var(--font-head)}
.post-foot{display:flex;flex-wrap:wrap;gap:6px 14px;font:500 .8rem var(--font-head);color:var(--muted)}
.post-foot a{color:var(--red-ink)}
.dato{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline;margin:1.7em 0;padding:18px 20px 16px;background:var(--paper-2);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.dato-n{font:900 3.4rem/.9 var(--font-head);font-stretch:72%;color:var(--red)}
.dato-u{font:800 1rem/1.2 var(--font-head);text-transform:uppercase;letter-spacing:.04em}
.dato p{grid-column:1/-1;margin:.55em 0 .45em;font:400 1.05rem/1.45 var(--font-body)}
.dato-src{grid-column:1/-1;font:600 .8rem var(--font-head);color:var(--muted)!important}
.leer{display:grid;gap:4px;margin:1.7em 0;padding-top:10px;border-top:3px solid var(--ink)}
.leer span{font:800 .72rem var(--font-head);text-transform:uppercase;letter-spacing:.09em;color:var(--red-ink)}
.leer a{font:800 1.15rem/1.22 var(--font-head);font-stretch:86%;color:var(--ink)!important;text-decoration:none}
.leer a:hover{text-decoration:underline}
sup.cite{position:relative;font:700 .62em/0 var(--font-head);margin-left:1px}
sup.cite a{color:var(--red-ink);text-decoration:none;padding:0 .15em;border-radius:3px}
sup.cite a::before{content:"["} sup.cite a::after{content:"]"}
sup.cite a:hover,sup.cite a:focus-visible{background:var(--hl)}
.cite-tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);z-index:20;width:270px;padding:10px 12px;border-radius:6px;background:var(--ink);color:var(--paper);font:400 .8rem/1.38 var(--font-head);text-align:left;box-shadow:var(--shadow);display:none}
.cite-tip b{display:block;margin-bottom:2px;font-weight:800}
.cite-tip .cite-url{display:block;margin-top:4px;opacity:.7}
sup.cite:hover .cite-tip,sup.cite:focus-within .cite-tip{display:block}
.correccion{margin:1.6em 0 0;padding:12px 14px;border-left:3px solid var(--warn);background:var(--paper-2);font:400 .95rem/1.45 var(--font-head)}
.sources{max-width:var(--measure);margin:2.4em auto 0;padding-top:12px;border-top:3px solid var(--ink)}
.sources h2{margin:0 0 10px;font:800 .84rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.09em}
.sources ol{margin:0;padding-left:1.5em;display:grid;gap:8px;font:400 .95rem/1.4 var(--font-head)}
.sources li{padding:2px 6px;margin-left:-6px;border-radius:4px;transition:background .4s}
.sources li.flash{background:var(--hl)}
.sources li b{font-weight:800}
.sources a{color:var(--red-ink);overflow-wrap:anywhere}
.tags{max-width:var(--measure);margin:22px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.tags a{font:700 .76rem var(--font-head);text-decoration:none;border:1px solid var(--rule);border-radius:999px;padding:6px 10px}
.tags a:hover{border-color:var(--red)}
.author-box{max-width:var(--measure);margin:28px auto 0;display:flex;gap:14px;align-items:center;padding:16px;background:var(--paper-2)}
.author-box p{margin:2px 0 0;font:400 .95rem/1.4 var(--font-body);color:var(--ink-2)}
.author-box b{font:800 .95rem var(--font-head)}
.related{max-width:1040px;margin:40px auto 0;padding-top:20px;border-top:1px solid var(--rule)}
.related-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.verdict{max-width:860px;margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:20px 22px;border:2px solid var(--ink)}
.verdict-l{font:800 .72rem/1 var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.verdict-claim{margin:6px 0 0;font:italic 500 1.35rem/1.35 var(--font-body)}
.verdict-who{margin:8px 0 0;font:500 .86rem/1.35 var(--font-head);color:var(--ink-2)}
.verdict .stamp{align-self:start;font-size:1.5rem;margin-top:8px}
.verdict-sum{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:12px}
.verdict-sum ul{margin:6px 0 0;padding-left:1.15em;font:400 1rem/1.5 var(--font-head)}

/* ---------- Listados, autoría, páginas ---------- */
.sec-list{display:grid;gap:4px;padding-block:8px 48px}
.sec-item{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;padding-block:20px;border-bottom:1px solid var(--rule)}
.sec-item .ph img{aspect-ratio:3/2}
.sec-item.noimg{grid-template-columns:minmax(0,1fr)}
.author-head{display:flex;gap:18px;align-items:center}
.page{max-width:var(--measure);margin-inline:auto;padding-block:30px 56px}
.page h1{margin:0 0 .4em;font:800 clamp(2rem,4.5vw,3rem)/1.04 var(--font-head);font-stretch:78%}
.page h2{margin:1.5em 0 .4em;font:800 1.25rem var(--font-head);font-stretch:86%}
.page p,.page li{font:400 1.12rem/1.6 var(--font-body)}
.page .mail{font:700 1rem var(--font-head);user-select:all;background:var(--paper-2);padding:3px 8px}
.search-f{display:flex;gap:8px;margin:18px 0 6px}
.search-f input{flex:1;min-width:0;padding:12px 14px;border:2px solid var(--ink);background:var(--paper);font:600 1.05rem var(--font-head)}
.search-f button{background:var(--ink);color:var(--paper);border:0;padding:0 18px;font:800 .82rem var(--font-head);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
@media (max-width:760px){
  .related-g{grid-template-columns:1fr}
  .sec-item{grid-template-columns:minmax(0,1fr) 110px;gap:14px}
  .verdict{grid-template-columns:1fr}
  .verdict .stamp{justify-self:start;order:-1;margin:0}
  .share{margin-left:0}
}
@media (max-width:640px){
  .cite-tip{position:fixed;left:16px;right:16px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:none;width:auto}
  .prose{font-size:1.125rem}
}
/* ================= PROPUESTA A · «CORTE» — cartel nocturno: negro, rojo y titulares condensados ================= */
body[data-design="corte"]{--h-font:var(--font-head);--h-weight:800;--h-stretch:72%;--h-track:-.012em;--h-lh:.98;--r:0px}
body[data-design="corte"] .util{background:var(--band);color:var(--band-muted);border-bottom-color:var(--band-rule)}
body[data-design="corte"] .util-links a{color:var(--band-fg)}
body[data-design="corte"] .util-29 b{color:var(--red)}
body[data-design="corte"] .mast{z-index:31;color:var(--on-red);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),0 100%);background:var(--band)}
body[data-design="corte"] .mast-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55))}
body[data-design="corte"] .mast-in{padding-block:46px 70px}
body[data-design="corte"] .logo-a.logo-mast{width:clamp(240px,34vw,430px)}
body[data-design="corte"] .logo-b.logo-mast{font-size:clamp(3.2rem,8.5vw,5.8rem);color:var(--on-red)}
body[data-design="corte"] .mast-tag{color:var(--on-red);opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.5)}
body[data-design="corte"] .nav{background:var(--band);color:var(--band-fg);margin-top:-30px;padding-top:30px}
body[data-design="corte"] .nav.stuck{margin-top:0;padding-top:0}
body[data-design="corte"] .nav-links a{color:var(--band-fg)}
body[data-design="corte"] .nav-links a:hover{color:var(--red)}
body[data-design="corte"] .nav-links a[aria-current="page"]{background:var(--red);color:var(--on-red)}
body[data-design="corte"] .nav-links a.hot{color:var(--red)}
body[data-design="corte"] .nav-links a.hot[aria-current="page"]{color:var(--on-red)}
body[data-design="corte"] .nav-search{color:var(--band-fg)}
body[data-design="corte"] .logo-a.logo-mini{width:96px}
body[data-design="corte"] .logo-b.logo-mini{font-size:1.3rem;color:var(--band-fg)}
body[data-design="corte"] .sh{border-bottom:3px solid var(--ink);align-items:flex-end;gap:14px}
body[data-design="corte"] .sh-t{background:var(--ink);color:var(--paper);padding:11px 30px 10px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);text-transform:uppercase;letter-spacing:.09em;font-size:.9rem}
body[data-design="corte"] .sh-red{border-bottom-color:var(--red)}
body[data-design="corte"] .sh-red .sh-t{background:var(--red);color:var(--on-red)}
body[data-design="corte"] .sh-sub,body[data-design="corte"] .sh-more{padding-bottom:8px}
body[data-design="corte"] .sh-more{text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
body[data-design="corte"] .band .sh{border-bottom-color:var(--band-fg)}
body[data-design="corte"] .band .sh-t{background:var(--band-fg);color:var(--band)}
body[data-design="corte"] .band .sh-more{color:var(--band-fg)}
body[data-design="corte"] .lead-ph img{aspect-ratio:16/11}
body[data-design="corte"] .lead-txt{position:absolute;left:0;right:0;bottom:0;padding:90px 30px 26px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.86) 58%);color:var(--on-red)}
body[data-design="corte"] .lead .kick{display:inline-block;background:var(--red);color:var(--on-red);padding:5px 8px}
body[data-design="corte"] .h-lead{font-size:clamp(2.2rem,4.6vw,3.8rem)}
body[data-design="corte"] .lead .dek{color:rgba(255,255,255,.9);max-width:58ch}
body[data-design="corte"] .lead .meta{color:rgba(255,255,255,.75)}
body[data-design="corte"] .hoy-t{font-family:var(--h-font);font-weight:var(--h-weight);font-stretch:84%;font-size:1.12rem;line-height:1.08}
body[data-design="corte"] .ph,body[data-design="corte"] .hoy-ph{position:relative}
body[data-design="corte"] .ph::after,body[data-design="corte"] .hoy-ph::after{content:"";position:absolute;inset:0;background:var(--red);mix-blend-mode:multiply;opacity:0;transition:opacity .3s}
body[data-design="corte"] a.ph:hover::after,body[data-design="corte"] a.hoy-ph:hover::after{opacity:.45}
body[data-design="corte"] .card-n{border-top:3px solid var(--ink);padding-top:14px}
body[data-design="corte"] .band{padding-block:40px}
body[data-design="corte"] .band .op{border-top:3px solid var(--red);padding-top:14px}
body[data-design="corte"] .band .op-h{color:var(--band-fg)}
body[data-design="corte"] .vc-ph .stamp{background:var(--paper)}
body[data-design="corte"] .most li::before{color:var(--red)}
body[data-design="corte"] .box{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
body[data-design="corte"] .sec-head{background:var(--band);color:var(--band-fg);padding-block:40px 34px;margin-bottom:10px}
body[data-design="corte"] .sec-head .kick{color:var(--red)}
body[data-design="corte"] .sec-head p{color:var(--band-muted)}
body[data-design="corte"] .art h1{font-size:clamp(2.2rem,5.2vw,4rem)}
@media (max-width:760px){
  body[data-design="corte"] .lead-txt{position:static;background:none;color:var(--ink);padding:14px 0 0}
  body[data-design="corte"] .lead .dek{color:var(--ink-2)}
  body[data-design="corte"] .lead .meta{color:var(--muted)}
  body[data-design="corte"] .mast-in{padding-block:30px 52px}
}
/* ---------- Piezas nuevas de la web (ambas propuestas) ---------- */
.hoy-alt{aspect-ratio:1;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--paper-2) 0 10px,var(--paper) 10px 20px)}
.hoy-alt .stamp{font-size:.56rem;padding:3px 5px 2px;border-width:2px;outline:0}
.hoy-alt .mono{width:54px;height:54px}
.lead-ph{position:relative}
.lead-ph>.stamp{position:absolute;left:20px;top:20px;font-size:1.5rem;background:var(--paper)}
.lead-ph.vc-noimg{aspect-ratio:16/9;display:grid;place-items:center}
.lead-ph.vc-noimg .stamp{position:static;font-size:2.6rem}
body[data-design="corte"] .lead.noimg .lead-txt{position:static;background:none;color:var(--ink);padding:0}
body[data-design="corte"] .lead.noimg .dek{color:var(--ink-2)}
body[data-design="corte"] .lead.noimg .meta{color:var(--muted)}
body[data-design="corte"] .lead-ph.vc-noimg+.lead-txt{position:static;background:none;color:var(--ink);padding:16px 0 0}
body[data-design="corte"] .lead-ph.vc-noimg+.lead-txt .dek{color:var(--ink-2)}
body[data-design="corte"] .lead-ph.vc-noimg+.lead-txt .meta{color:var(--muted)}
.op-feat{display:grid;gap:14px;max-width:880px;padding-block:8px}
.op-feat-h{margin:0;font:600 clamp(2rem,4.2vw,3.2rem)/1.1 var(--font-body);font-style:italic}
.op-feat-h a{color:inherit;text-decoration:none}
.author-head{display:flex;gap:18px;align-items:center}
.search-f{display:flex;gap:8px}
.vk-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--band);color:var(--band-fg)}
.vk-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url("/brand/fondo.jpg") center/cover no-repeat;opacity:.32}
.vk-in{display:grid;gap:14px;max-width:860px;padding-block:56px 48px}
.vk-in h1{margin:0;font-size:clamp(2.4rem,6vw,4.4rem)}
.vk-in .kick{color:var(--band-fg);opacity:.85}
.vk-in .dek{color:var(--band-fg);opacity:.85;max-width:60ch}
.vk-form{display:grid;gap:10px;padding:16px;background:var(--paper);color:var(--ink);border-radius:var(--r)}
.vk-form .seg{margin:0}
.vk-res{display:grid;gap:10px;padding:16px;background:var(--paper);color:var(--ink);border-radius:var(--r);border-left:6px solid var(--red)}
.vk-res .stamp{justify-self:start;font-size:1.3rem}
.vk-res p{margin:0;font:500 1rem/1.45 var(--font-head)}
.related{max-width:1040px;margin:40px auto 0;padding-top:20px}
/* ---------- Añadidos de la web real ---------- */
.form-msg{margin:0;min-height:1em;font:600 .82rem/1.35 var(--font-head)}
.box.alt .form-msg{color:var(--ink-2)}
.count-launch{margin:6px 0 0;font:900 clamp(1.6rem,4vw,2.6rem)/1 var(--font-head);font-stretch:80%;font-variant-numeric:tabular-nums;color:var(--band-fg)}
.preview-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:10px;background:var(--hl);font:600 .88rem var(--font-head)}
.auth{min-height:100dvh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px));background:var(--band);background-image:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),url("/brand/fondo.jpg");background-size:cover;background-position:center}
.auth-card{width:min(420px,100%);display:grid;gap:12px;padding:28px;background:var(--paper);color:var(--ink);border-radius:14px;box-shadow:var(--shadow)}
.auth-logo{justify-self:center;background:var(--band);padding:14px 18px;border-radius:10px}
.auth-logo img{width:190px;height:auto}
.auth h1{margin:6px 0 0;font:800 1.5rem/1.1 var(--font-head);font-stretch:85%}
.auth form{display:grid;gap:8px}
.auth label{font:700 .76rem var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.auth input{width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--paper);color:var(--ink);font:500 1rem var(--font-head)}
.auth input:focus{outline:2px solid var(--red);outline-offset:1px}
.auth button{margin-top:8px;padding:12px;border:0;border-radius:8px;background:var(--red);color:var(--on-red);font:800 .9rem var(--font-head);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.auth-err{margin:0;padding:10px 12px;border-radius:8px;background:var(--hl);color:var(--red-ink);font:600 .9rem var(--font-head)}
.auth-note{margin:0;font:500 .92rem/1.45 var(--font-head);color:var(--ink-2)}
.sources li:target{background:var(--hl)}
