/* Noticias Hub — /noticias/ (diseño C «Mosaico», 02-10-2026; lienzo «Noticias 2026», rondas 4 y 5).
   Un solo HTML: móvil < 768 · tablet 768-1180 · escritorio ≥ 1181 (menú lateral y cabecera de siempre).
   Tokens: los de gp-ui (.gpu). Todo bajo .nh-* para no chocar con noticias.css / noticias.js.
   Iconos: XboxFluent (.xg). El rayo del Pulso es la marca (.gpu-rayo). */

html:has(.nh-page),body:has(.nh-page){overflow-x:clip}
.nh-page{overflow-x:clip}
.nh{position:relative;display:flex;flex-direction:column;gap:20px;padding:0 16px calc(100px + env(safe-area-inset-bottom));min-width:0;box-sizing:border-box;background:var(--bg);color:var(--t)}
.nh a{text-decoration:none}
.nh-page .n-news-interior.nh{max-width:1240px!important}

/* ── Armazón: por debajo de 1181 px, a sangre como una app (igual que El Nexo 3) ── */
@media (max-width:1180px){
  .nh-page.n-page{padding:0!important;margin:0!important;max-width:none!important}
  .nh-page>.n-shell[data-shell]{display:block!important;width:100%!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;grid-template-columns:none!important}
  .nh-page .n-main,.nh-page .n-news-scroll,.nh-page .n-news-interior{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-width:none!important;width:100%!important;height:auto!important;overflow:visible!important}
  .nh-page .n-main,.nh-page .n-news-scroll{display:block!important;padding:0!important}
  .nh-page .nxm-sidebar,.nh-page .nxm-shell-hero,.nh-page #nx-ambient-sides,.nh-page #nx-search-overlay{display:none!important}
  .nh-page .n-news-interior.nh{display:flex!important;padding:0 16px calc(100px + env(safe-area-inset-bottom))!important}
}

/* El menú lateral vive dentro de .gpu: `.gpu a{color:inherit}` pisaba el texto oscuro del botón cyan y quedaba blanco sobre cyan */
.nh-page .nxm-cta,.nh-page .nxm-cta:hover{color:#00202b}

/* ── Piezas básicas ─────────────────────────────────────────────────────── */
.nh .xg{font-size:16px}
.nh-card{background:var(--pan);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.nh-eye{font:700 12px/14px var(--fc);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.nh-eye.is-cy{color:var(--cy)}.nh-eye.is-gr{color:var(--gr)}.nh-eye.is-rd{color:var(--red)}
.nh-meta{font:600 12px/16px var(--fs);color:var(--mut)}
.nh-h2{margin:0;font:400 28px/28px var(--fd);letter-spacing:.02em;color:var(--h)}
.nh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nh-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:4px;font:700 11px/12px var(--fc);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);background:var(--inset);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);white-space:nowrap}
.nh-chip.is-cy{color:var(--cy2);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.45)}
.nh-chip.is-gr{color:var(--gr);background:rgba(94,255,159,.07);box-shadow:inset 0 0 0 1px rgba(94,255,159,.4)}
.nh-cat{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 7px;border-radius:5px;font:700 11px/12px var(--fc);letter-spacing:.06em;text-transform:uppercase;color:var(--c);background:var(--inset);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 38%,transparent);white-space:nowrap}
.nh-cat .xg{font-size:13px}
.nh-cat.is-dark{background:rgba(4,10,16,.82)}
.nh-vivo{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 10px var(--cy);display:inline-block;flex:none;animation:nhVivo 1.6s ease-in-out infinite}
@keyframes nhVivo{0%,100%{opacity:1}50%{opacity:.35}}
.nh-vacio,.nh-fin{margin:0;padding:18px 0;font:500 14px/20px var(--fs);color:var(--t2)}
.nh-fin{text-align:center;color:var(--mut)}
.nh-meta .xg{font-size:12px}

/* Botones: 44 px de alto en táctil */
.nh-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;font:700 14px/1 var(--fs);color:var(--t);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:background-color .15s,box-shadow .15s,color .15s,transform .15s}
.nh-btn:hover{background:rgba(255,255,255,.09)}
.nh-btn:active{transform:scale(.97)}
.nh-btn.is-pri{color:var(--on);background:var(--cy);box-shadow:none}
.nh-btn.is-pri:hover{background:var(--cy2)}
.nh-btn.is-gh{color:var(--cy2);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.4)}
.nh-btn.is-gh.is-on{color:var(--gr);box-shadow:inset 0 0 0 1px rgba(94,255,159,.45);background:rgba(94,255,159,.07)}
.nh-btn.is-sm{min-height:36px;padding:0 12px;font-size:13px}
.nh-btn[aria-busy=true]{opacity:.7;pointer-events:none}

/* Pulso y comentarios (los de El Nexo): 32 px de alto, el área táctil crece con ::after */
.nh-pz,.nh-cmb{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:999px;font:700 13px/1 var(--fs);color:var(--t);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color .15s,box-shadow .15s,color .15s,transform .15s}
.nh-pz::after,.nh-cmb::after{content:"";position:absolute;inset:-6px -2px}
.nh-pz b,.nh-cmb b{font-weight:800;color:#fff}
.nh-pz .gpu-rayo{width:15px;height:15px;fill:currentColor}
.nh-pz:hover,.nh-cmb:hover{background:rgba(255,255,255,.1)}
.nh-pz:active,.nh-cmb:active{transform:scale(.96)}
.nh-pz.is-cero{color:var(--cy2);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.45)}
.nh-pz.is-cero [data-n]{display:none}
.nh-pz.is-on{color:var(--on);background:var(--cy);box-shadow:0 0 16px rgba(0,212,255,.3)}
.nh-pz.is-on b{color:var(--on)}
.nh-pz[aria-busy=true]{opacity:.7;pointer-events:none}
.nh-cmb .xg{font-size:16px}
.nh-cmb.is-mini{padding:0 10px}
.nh-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.nh-pc{display:inline-flex;align-items:center;gap:7px;min-width:0;font:600 12px/16px var(--fs);color:var(--t2)}
.nh-pc .gpu-hex+.gpu-hex{margin-left:-10px}
.nh-pc b{color:#fff}.nh-pc em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nh-by{display:inline-flex;align-items:center;gap:7px;min-width:0;font:600 12px/16px var(--fs);color:var(--t);white-space:nowrap}
.nh-by b{font-weight:700;color:#fff}
.nh-by .nh-meta{overflow:hidden;text-overflow:ellipsis}

/* ── Cabecera: la común de sección (gpu_section_head, gp-ui.css), a sangre en móvil y tablet ── */
.nh>.gpu-shead{margin:0 -16px}

/* ── Intro y secciones ──────────────────────────────────────────────────── */
.nh-intro{display:flex;flex-direction:column;gap:6px;padding-top:6px}
.nh-migas{font:600 12px/16px var(--fs);color:var(--mut)}
.nh-migas a{color:var(--t2)}
.nh-ent{margin:0;font:500 15px/22px var(--fs);color:var(--t2);max-width:62ch}
.nh-nuevas{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;font:700 13px/1 var(--fs);color:var(--cy2);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.4)}
.nh-nuevas[hidden]{display:none}
.nh-intro:not(:has(>:not([hidden]))){display:none}

.nh-cats{display:flex;gap:8px;margin:0 -16px;padding:2px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
.nh-cats::-webkit-scrollbar{display:none}
.nh-cats a{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 12px;border-radius:999px;font:700 14px/1 var(--fs);color:var(--t);background:var(--inset);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nh-cats a .xg{font-size:16px;color:var(--c,var(--cy))}
.nh-cats a:hover{color:#fff}
.nh-cats a[aria-current=page]{color:#fff;background:rgba(0,212,255,.12);box-shadow:inset 0 0 0 1px rgba(0,212,255,.4)}

/* ── Mosaico: la del día grande y siete más, con el titular sobre la foto ── */
.nh-mos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nh-t{position:relative;min-width:0;height:210px;border-radius:14px;overflow:hidden;background:var(--pan);isolation:isolate}
.nh-t.is-grande{grid-column:1/-1;height:320px}
.nh-t>.nh-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.nh-t-sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,10,15,.95) 10%,rgba(6,10,15,.55) 46%,rgba(6,10,15,0) 74%)}
.nh-t-top{position:absolute;left:12px;top:12px}
.nh-t-tx{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px}
.nh-t.is-grande .nh-t-tx{padding:16px;gap:9px}
.nh-t-t{margin:0;font:800 15px/19px var(--fs);color:#fff;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nh-t.is-grande .nh-t-t{font-size:24px;line-height:28px;letter-spacing:-.01em;-webkit-line-clamp:4}
.nh-stretch{color:inherit}
.nh-stretch::after{content:"";position:absolute;inset:0;z-index:1}
.nh-t:hover .nh-t-t{color:var(--cy2)}
.nh-t .nh-acts,.nh-t .nh-by{position:relative;z-index:2}
.nh-t .nh-pz,.nh-t .nh-cmb{background:rgba(6,10,15,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nh-t .nh-pz.is-cero{background:rgba(6,30,40,.72)}
.nh-t .nh-pz.is-on{background:var(--cy)}
.nh-t:not(.is-grande) .nh-by .nh-meta{display:none}
.nh-t:not(.is-grande) .nh-pz,.nh-t:not(.is-grande) .nh-cmb{height:30px;padding:0 10px}
.nh-t.is-nm{display:none}
.nh-img--vacia{display:flex;align-items:center;justify-content:center;color:var(--mut);background:var(--pan2);font-size:28px}
.nh-img--vacia .xg{font-size:28px}

/* ── La Quincena ───────────────────────────────────────────────────────── */
.nh-q{display:flex;flex-direction:column}
.nh-q-cab{display:flex;align-items:baseline;gap:10px;padding:12px 14px 10px}
.nh-q-fila{display:flex;gap:10px;padding:0 14px 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.nh-q-fila::-webkit-scrollbar{display:none}
.nh-q-fila>*{flex:none;width:252px;padding:10px 12px;border-radius:12px;background:var(--pan2);box-shadow:inset 0 0 0 1px var(--line);scroll-snap-align:start}
.nh-q-t{margin:0;font:400 18px/20px var(--fd);letter-spacing:.04em;color:var(--h)}
.nh-q-cal{margin-left:auto;font:700 13px/1 var(--fs);color:var(--cy)}
.nh-q-it{display:flex;gap:12px;align-items:flex-start}
.nh-q-cover img{width:54px;height:72px;border-radius:7px;object-fit:cover;display:block;background:var(--pan)}
.nh-q-tx{display:flex;flex-direction:column;gap:5px;min-width:0}
.nh-q-n{font:800 16px/20px var(--fs);color:var(--h)}
.nh-q-chips{display:flex;gap:5px;flex-wrap:wrap}
.nh-q-tx .nh-btn{align-self:flex-start}
.nh-q-free{display:flex;flex-direction:column;gap:4px;color:inherit}
.nh-q-l{font:500 13px/18px var(--fs);color:var(--t2)}
.nh-q-van{display:flex;flex-direction:column;gap:4px}

/* ── Listado ────────────────────────────────────────────────────────────── */
.nh-listado{display:flex;flex-direction:column;gap:6px}
.nh-lista-h{display:flex;flex-direction:column;gap:12px}
.nh-seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--pan);box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto;scrollbar-width:none;max-width:100%;align-self:flex-start}
.nh-seg::-webkit-scrollbar{display:none}
.nh-seg a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:9px;font:700 13px/1 var(--fs);color:var(--t2);white-space:nowrap}
.nh-seg a:hover{color:#fff}
.nh-seg a[aria-current=true]{color:#fff;background:rgba(0,212,255,.12);box-shadow:inset 0 0 0 1px rgba(0,212,255,.3)}
.nh-seg .gpu-rayo{width:14px;height:14px;fill:currentColor}
.nh-lista{display:grid;grid-template-columns:minmax(0,1fr)}
.nh-lista[aria-busy=true]{opacity:.6}
.nh-it{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"b i" "a a";gap:10px 14px;padding:14px 0;align-items:start;min-width:0}
.nh-it{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nh-it-img{grid-area:i;display:block;border-radius:10px;overflow:hidden;background:var(--pan2)}
.nh-it-img .nh-img{width:112px;height:84px;object-fit:cover;display:block}
.nh-it-b{grid-area:b;display:flex;flex-direction:column;gap:8px;min-width:0}
.nh-it-a{grid-area:a;min-width:0}
.nh-it-t{margin:0;font:700 16px/21px var(--fs);color:var(--h);text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nh-it-t a{color:inherit}
.nh-it-d{margin:0;font:500 14px/20px var(--fs);color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nh-it-t a:hover{color:var(--cy2)}
.nh-it.is-nueva .nh-it-t::before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 2px 0;border-radius:50%;background:var(--cy);box-shadow:0 0 8px var(--cy)}
.nh-mas-w{display:flex;justify-content:center;padding:14px 0 6px}
.nh-sk{display:block;height:84px;margin:10px 0;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:nhSk 1.2s linear infinite}
@keyframes nhSk{to{background-position:-200% 0}}
.nh-invita-b{display:flex;gap:8px;flex-wrap:wrap}
.nh-invita-b .nh-btn.is-pri{flex:1}

/* Enlaces de texto con área táctil de 44 px */
.nh-q-cal{display:inline-flex;align-items:center;gap:6px;min-height:44px}

/* ── Pie ───────────────────────────────────────────────────────────────── */
.nh-legal{display:flex;flex-direction:column;gap:6px;padding:12px 0 0;font:500 12px/18px var(--fs);color:var(--mut)}
.nh-legal a{color:var(--t2)}

/* ── Hoja de comentarios (gp-ui) ───────────────────────────────────────── */
.nh-hilo{display:flex;flex-direction:column;gap:14px}
.nh-hilo a{text-decoration:none}
.nh-hilo h2{margin:0;display:flex;align-items:center;gap:10px;font:400 26px/26px var(--fd);letter-spacing:.02em;text-transform:uppercase;color:var(--h)}
.nh-hilo h2 .xg{font-size:22px;color:var(--cy)}
.nh-hilo-n{display:flex;flex-direction:column;gap:6px;padding:12px 0;box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.nh-hilo-n b{font:700 14px/18px var(--fs);color:var(--h);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nh-hilo-n a{display:inline-flex;align-items:center;gap:6px;color:var(--cy)}
.nh-hilo-l{display:flex;flex-direction:column;gap:18px;min-height:96px}
.nh-cm{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}
.nh-cm-n{font:700 14px/18px var(--fs);color:#fff}
.nh-cm-n a{color:#fff}
.nh-cm p{margin:4px 0 0;font:500 15px/22px var(--fs);color:var(--t);overflow-wrap:anywhere}
.nh-cm-vacio{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;text-align:center}
.nh-cm-vacio b{font:800 20px/24px var(--fs);color:var(--h)}
.nh-cm-vacio>span:last-child{font:500 15px/22px var(--fs);color:var(--t2);max-width:280px}
.nh-cm-ico{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cy);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.4)}
.nh-cm-ico .xg{font-size:30px}
.nh-form{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.nh-form-t{font:700 15px/20px var(--fs);color:#fff}
.nh-form-c{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}
.nh-form textarea{width:100%;min-height:76px;padding:12px 14px;border:0;border-radius:12px;background:var(--pan);box-shadow:inset 0 0 0 1px var(--line2);color:var(--t);font:500 16px/22px var(--fs);resize:vertical;box-sizing:border-box}
.nh-form-b{display:flex;gap:8px;align-items:center;justify-content:space-between}
.nh-form-err{margin:0;font:600 13px/18px var(--fs);color:var(--red)}
.nh-form-err a{color:var(--cy)}

/* ── Cómo hacemos las noticias (/politica-editorial) ──────────────────── */
.ct-cols{display:flex;flex-direction:column;gap:22px}
.ct-art{display:flex;flex-direction:column;gap:30px;min-width:0}
.ct-sec{display:flex;flex-direction:column;gap:12px;scroll-margin-top:80px}
.ct-sec p,.ct-sec li{margin:0;font:400 16px/26px var(--fs);color:var(--t);max-width:65ch}
.ct-sec a{color:var(--cy)}
.ct-sec code{font-size:14px;color:var(--cy2)}
.ct-bars{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.ct-bar{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 40px;gap:12px;align-items:center}
.ct-bar-n{font:700 14px/18px var(--fs);color:var(--h);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-bar-b{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.ct-bar-b span{display:block;height:10px;border-radius:999px;background:var(--t2)}
.ct-bar:first-child .ct-bar-b span{background:var(--cy)}
.ct-bar-v{font:600 13px/1 var(--fs);color:var(--t2);text-align:right;font-variant-numeric:tabular-nums}
.ct-pasos{margin:0;padding:0;list-style:none;counter-reset:ct;display:flex;flex-direction:column;gap:16px}
.ct-pasos li{counter-increment:ct;position:relative;padding-left:58px;min-height:44px}
.ct-pasos li::before{content:counter(ct);position:absolute;left:0;top:-2px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 24px/1 var(--fd);color:var(--cy);background:rgba(0,212,255,.06);box-shadow:inset 0 0 0 1px rgba(0,212,255,.45)}
.ct-pasos b,.ct-ul b,.ct-sec p b{color:var(--h)}
.ct-no,.ct-ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ct-no li{display:flex;gap:10px;align-items:flex-start}
.ct-no li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:2px;background:var(--red);transform:rotate(45deg)}
.ct-ul li{position:relative;padding-left:16px}
.ct-ul li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--cy)}
.ct-toc{display:none}
@media (min-width:1181px){
  .ct-cols{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}
  .ct-toc{position:sticky;top:90px;display:flex;flex-direction:column;padding:16px 18px}
  .ct-toc a{display:block;padding:8px 0;font:600 14px/18px var(--fs);color:var(--t2)}
  .ct-toc a:hover{color:#fff}
}

/* ── Tablet (768-1180) ──────────────────────────────────────────────────── */
@media (min-width:768px){
  .nh{gap:24px}
  .nh-mos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .nh-t{height:250px}
  .nh-t.is-grande{height:380px}
  .nh-t.is-grande .nh-t-t{font-size:30px;line-height:34px}
  .nh-t-t{font-size:17px;line-height:21px}
  .nh-t:not(.is-grande) .nh-by .nh-meta{display:inline}
  .nh-q-fila{overflow:visible;padding:0;gap:0;box-shadow:inset 0 1px 0 var(--line)}
  .nh-q-fila>*{flex:1 1 0;width:auto;min-width:0;border-radius:0;background:none;box-shadow:none;padding:14px 16px}
  .nh-q-fila>*+*{box-shadow:inset 1px 0 0 var(--line)}
  .nh-lista-h{flex-direction:row;align-items:center;justify-content:space-between}
  .nh-seg{align-self:auto}
}

/* ── Escritorio (≥1181): menú lateral de siempre; el título lo pinta la cabecera Halo del armazón ── */
@media (min-width:1181px){
  .nh{padding:18px 24px 40px;gap:22px}
  .nh-page main.n-main>header.nxm-shell-hero{--nx3-unified-rail-w:0px!important}
  .nh-intro{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding-top:0}
  .nh-cats{margin:0;padding:6px;border-radius:12px;background:var(--pan);box-shadow:inset 0 0 0 1px var(--line);-webkit-mask-image:none;gap:2px;overflow-x:auto}
  .nh-cats a{min-height:36px;padding:0 12px 0 10px;border-radius:8px;background:none;box-shadow:none}
  .nh-cats a[aria-current=page]{background:rgba(0,212,255,.12);box-shadow:inset 0 0 0 1px rgba(0,212,255,.3)}
  /* Mosaico de ocho: la del día ocupa 2×2 y las demás se reparten alrededor */
  .nh-mos{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:268px;gap:16px}
  .nh-mos .nh-t,.nh-mos .nh-t.is-grande{height:auto;grid-column:auto}
  .nh-mos[data-n="8"] .nh-t.is-grande{grid-column:1/3;grid-row:1/3}
  .nh-mos[data-n="8"] .nh-t:nth-child(4){grid-column:3/5}
  .nh-t.is-nm{display:block}
  .nh-t.is-nd{display:none}
  .nh-mos:not([data-n="8"]){grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
  .nh-mos[data-cols="3"]{--cols:3}.nh-mos[data-cols="2"]{--cols:2}
  .nh-mos:not([data-n="8"]) .nh-t.is-grande{grid-column:1/-1;grid-row:auto;height:360px}
  .nh-t.is-grande .nh-t-tx{padding:24px 26px}
  .nh-t.is-grande .nh-t-t{font-size:32px;line-height:36px}
  .nh-t:not(.is-grande) .nh-t-tx{padding:14px}
  .nh-t:not(.is-grande) .nh-by .nh-meta{display:inline}
  .nh-q{flex-direction:row}
  .nh-q-cab{flex:0 0 170px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px 18px;box-shadow:inset -1px 0 0 var(--line)}
  .nh-q-fila{flex:1;box-shadow:none}
  .nh-q-cal{margin-left:0}
  .nh-q-cover img{width:72px;height:96px}
  .nh-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
  .nh-it{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"i b" "i a";gap:8px 16px;padding:16px 0}
  .nh-it-img .nh-img{width:150px;height:100px}
  .nh-it-t{font-size:17px;line-height:22px}
  .nh-lista>.nh-it:last-child:nth-child(odd){grid-column:1/-1}
  .nh-lista>.nh-it:nth-child(-n+2){box-shadow:none}
  .nh-legal{flex-direction:row;justify-content:space-between;flex-wrap:wrap}
}

@media (prefers-reduced-motion:reduce){
  .nh-vivo,.nh-sk{animation:none}
  .nh-btn,.nh-pz,.nh-cmb{transition:none}
}