/* El Nexo 3 — «El Directo» (02-10-2026). Un solo HTML para móvil, tablet y escritorio.
   Base: assets/css/gp-ui.css (tokens .gpu). Móvil < 768 · tablet 768-1180 · escritorio ≥ 1181 (menú lateral de siempre). */

/* Nada se sale de lado (lección del GameTracker: los carriles ensanchaban el documento). */
html:has(.nx3-page),body:has(.nx3-page){overflow-x:clip}
.nx3-page{overflow-x:clip}
.nx3{position:relative;display:flex;flex-direction:column;gap:30px;padding:0 0 calc(110px + env(safe-area-inset-bottom));min-width:0;box-sizing:border-box;background:var(--bg)}
.nx3 a{text-decoration:none}

/* ── Armazón: en escritorio el menú lateral de siempre; por debajo de 1181 px, a sangre como una app ── */
.nx3-page .n-news-interior.nx3{max-width:1320px!important}
@media (max-width:1180px){
  .nx3-page.n-page{padding:0!important;margin:0!important;max-width:none!important}
  .nx3-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}
  .nx3-page .n-main,.nx3-page .n-news-scroll,.nx3-page .n-news-interior{padding:0!important;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}
  .nx3-page .n-main,.nx3-page .n-news-scroll{display:block!important}
  .nx3-page .nxm-sidebar,.nx3-page .nxm-shell-hero,.nx3-page #nx-ambient-sides,.nx3-page #nx-search-overlay{display:none!important}
  .nx3-page .n-news-interior.nx3{display:flex!important;padding:0 0 calc(110px + env(safe-area-inset-bottom))!important}
}

/* ── Cabecera móvil (se esconde al bajar, vuelve al subir) ───────────── */
.nx3-mhead{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;height:62px;padding:0 16px;margin-bottom:-62px;
  background:linear-gradient(180deg,rgba(5,8,13,.9),rgba(5,8,13,0));transition:transform .32s var(--ease)}
.nx3.is-head-up .nx3-mhead{transform:translateY(-100%)}
.nx3.is-head-up .nx3-tabs{top:0}
.nx3-logo{display:flex;align-items:center;gap:9px;color:#fff;font:400 27px/1 var(--fd);letter-spacing:.02em}
.nx3-sp{flex:1}
.nx3-yo{display:block}

/* ── Escenario ────────────────────────────────────────────────────────── */
.nx3-stage{position:relative;height:min(660px,86vh);min-height:540px;overflow:hidden;isolation:isolate}
.nx3-stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;animation:nx3Ken 10s var(--ease) both;z-index:-2}
.nx3-stage-fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,13,20,.75) 0%,rgba(8,13,20,0) 18%,rgba(8,13,20,0) 34%,rgba(8,13,20,.72) 62%,var(--bg) 93%)}
.nx3-stage-tx{position:absolute;left:18px;right:18px;bottom:104px;display:flex;flex-direction:column;gap:6px;animation:nx3Sube .7s .1s var(--ease) both}
.nx3-stage-tx .gpu-eye{margin-bottom:2px}
.nx3-stage-pre{font:400 clamp(44px,14vw,60px)/.95 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--cy);letter-spacing:.02em}
.nx3-stage-t{margin:0;font:400 clamp(84px,31vw,132px)/.82 var(--fd);letter-spacing:-.01em;text-shadow:0 8px 40px rgba(0,0,0,.5)}
.nx3-stage-t a{color:#fff}
.nx3-stage-l{margin:8px 0 0;font:600 15px/1.45 var(--fs);color:var(--t);max-width:52ch}
.nx3-stage-l b{color:var(--cy2);font-weight:700}
.nx3-stage-cta{display:flex;gap:8px;margin-top:14px}
.nx3-stage-cta .gpu-btn:first-child{flex:1}
.nx3-stage.is-sale .nx3-stage-pre{-webkit-text-stroke-color:var(--red)}
.nx3-stage.is-sale .gpu-eye{color:var(--red)}
@keyframes nx3Ken{from{transform:scale(1.12) translateX(-2%)}to{transform:none}}
@keyframes nx3Sube{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ── El Pulso del Nexo ────────────────────────────────────────────────── */
.nx3-pulso{position:relative;z-index:3;margin:-112px 12px 0;padding:16px;background:rgba(12,19,28,.93);box-shadow:inset 0 0 0 1px var(--cyl),0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:12px}
.nx3-pulso-h{display:flex;align-items:center;gap:8px}
.nx3-pulso-h .gpu-meta{margin-left:auto}
.nx3-pulso-n{display:flex;align-items:flex-end;gap:18px}
.nx3-pulso-n>span{display:flex;flex-direction:column;font:700 12px/1.2 var(--fs);color:var(--t2)}
.nx3-pulso-n b{font:400 54px/.9 var(--fd);color:#fff}
.nx3-pulso-n .is-cy b{color:var(--cy)}
.nx3-bars{flex:1;height:58px;display:flex;align-items:flex-end;gap:2px;min-width:0}
.nx3-bars i{flex:1;height:var(--h);min-height:3px;border-radius:2px;background:rgba(255,255,255,.08);transform-origin:bottom;animation:nx3Bar .8s var(--ease) both;animation-delay:var(--d)}
.nx3-bars i.is-on{background:rgba(0,212,255,.55)}
.nx3-bars i.is-pico{background:var(--cy);box-shadow:0 0 12px rgba(0,212,255,.7)}
.nx3-bars i.is-ahora{animation:nx3Bar .8s var(--ease) both,nx3Latido 1.4s 1s ease-in-out infinite}
@keyframes nx3Bar{from{transform:scaleY(0)}to{transform:none}}
@keyframes nx3Latido{0%,100%{opacity:.6}50%{opacity:1;box-shadow:0 0 14px rgba(0,212,255,.9)}}
.nx3-ticker{height:22px;overflow:hidden}
.nx3-pulso-n{padding-bottom:12px;border-bottom:1px solid var(--line)}
.nx3-escena{position:relative;display:flex;flex-direction:column}
.nx3-ticker-in{display:flex;flex-direction:column;transition:transform .55s var(--ease)}
.nx3-ticker-in span{height:22px;display:flex;align-items:center;gap:6px;font:600 13px/1 var(--fs);color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-ticker-in a{color:var(--cy);font-weight:800}
.nx3-ticker-in em{font-style:normal;color:var(--mut)}

/* ── Cabeceras de sección ─────────────────────────────────────────────── */
.nx3-sec-h{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:0 16px}
.nx3-sec-h .gpu-meta{padding-bottom:4px}
.nx3-mas{margin-left:auto;padding-bottom:4px;font:700 14px/1 var(--fs);color:var(--cy)}

/* ── La Parrilla ──────────────────────────────────────────────────────── */
@keyframes nx3Hoy{50%{box-shadow:inset 0 0 0 1px rgba(0,212,255,1),0 0 36px rgba(0,212,255,.45)}}
.gpu-chip.is-sale{background:rgba(255,107,107,.14);color:var(--red);box-shadow:inset 0 0 0 1px rgba(255,107,107,.45)}

/* ── Columnas: en móvil todo en una, en escritorio feed + carril ──────── */
.nx3-cols{display:flex;flex-direction:column;gap:30px}
.nx3-rail{display:contents}
.nx3-dia-box{order:1}.nx3-top{order:2}.nx3-feedcol{order:3}.nx3-cj{order:4}.nx3-liga{order:5}
.nx3-feedcol{display:flex;flex-direction:column;gap:14px;min-width:0}

/* ── Tu día ───────────────────────────────────────────────────────────── */
.nx3-dia-box{margin:0 16px;padding:16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,var(--pan2),var(--pan))}
.nx3-tend-pend{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--cyb);box-shadow:inset 0 0 0 1px rgba(0,212,255,.45);color:#fff}
.nx3-cov{position:relative;flex:none;display:block}
.nx3-cov img{display:block;width:56px;height:76px;border-radius:8px;object-fit:cover}
.nx3-cov.is-sm img{width:44px;height:60px;border-radius:7px}
.nx3-cov .gpu-rayo-badge{position:absolute;top:-7px;right:-7px}
.nx3-tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nx3-tend-pend b{font:700 15px/1.3 var(--fs)}
.nx3-sigues{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--inset);box-shadow:inset 0 0 0 1px var(--line)}
.nx3-sigues img{width:76px;height:46px;border-radius:7px;object-fit:cover;flex:none}
.nx3-sigues b{font:700 14px/1.25 var(--fs);color:#fff}
.nx3-sigues .nx3-tx>span{font:600 12px/1.3 var(--fs);color:var(--t2)}
.nx3-xp-h{display:flex;align-items:baseline;gap:8px;font:600 13px/1.2 var(--fs);color:var(--t2)}
.nx3-xp-h>b{font:400 24px/1 var(--fd);color:#fff}
.nx3-xp-h span b{color:var(--cy)}
.nx3-xp-h em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mut)}
.nx3-xp-bar{display:block;height:8px;margin-top:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.nx3-xp-bar i{display:block;height:100%;width:var(--p);border-radius:99px;background:linear-gradient(90deg,var(--cyd),var(--cy));transform-origin:left;animation:nx3Llena 1s .3s var(--ease) both}
@keyframes nx3Llena{from{transform:scaleX(0)}to{transform:none}}
.nx3-qj{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:10px;background:var(--cy);color:var(--on)!important;font:400 26px/1 var(--fd);letter-spacing:.03em;box-shadow:0 10px 30px rgba(0,212,255,.3)}
.nx3-qj .gpu-rayo{color:var(--on);animation:none}

/* ── Top del Nexo ─────────────────────────────────────────────────────── */
.nx3-spark{width:70px;height:24px;flex:none}
.nx3-spark polyline{fill:none;stroke:var(--cy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── Pestañas del feed ────────────────────────────────────────────────── */
.nx3-tabs{position:sticky;top:62px;transition:top .32s var(--ease);z-index:20;display:flex;align-items:center;gap:22px;padding:0 16px;background:rgba(5,8,13,.94);box-shadow:inset 0 -1px 0 var(--line);overflow-x:auto;scrollbar-width:none}
.nx3-tabs::-webkit-scrollbar{display:none}
.nx3-tabs-h{display:none;margin:0 8px 0 0;font:400 40px/52px var(--fd);color:#fff;white-space:nowrap}
.nx3-tabs a{position:relative;flex:none;display:flex;align-items:center;height:48px;font:700 15px/1 var(--fs);color:var(--mut)}
.nx3-tabs a.is-on{color:#fff}
.nx3-tabs a.is-on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:99px;background:var(--cy);box-shadow:0 0 12px rgba(0,212,255,.7)}

/* ── Publicar / unirse ────────────────────────────────────────────────── */
.nx3-compose{margin:0 16px;padding:12px;display:flex;align-items:center;gap:12px}
.nx3-compose-in{flex:1;min-width:0;height:46px;padding:0 18px;border-radius:99px;border:0;background:var(--inset);box-shadow:inset 0 0 0 1px var(--line2);color:var(--mut);font:500 15px/1 var(--fs);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-compose-x{display:none}
.nx3-join{margin:0 16px;padding:18px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(120% 140% at 0% 0%,rgba(0,212,255,.16),var(--pan) 60%);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-join p{margin:0;font:500 14px/1.45 var(--fs);color:var(--t2)}
.nx3-join-b{display:flex;gap:8px;margin-top:6px}

/* ── Tarjetas ─────────────────────────────────────────────────────────── */
.nx3-feed{display:flex;flex-direction:column;gap:14px}
.nx3-c{margin:0 16px;padding:14px;border-radius:16px;background:var(--pan);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px;position:relative}
.nx3-row{display:flex;align-items:center;gap:12px;min-width:0}
.nx3-who{flex:none;display:block}
.nx3-line{font:500 15px/1.35 var(--fs);color:var(--t)}
.nx3-line a{color:var(--cy2);font-weight:700}
.nx3-line .nx3-u{color:#fff;font-weight:800}
.nx3-acts{display:flex;gap:8px;flex-wrap:wrap}
.nx3-acts .gpu-btn .gpu-rayo{animation:none}
.nx3-gt{flex-direction:row;align-items:center}
.nx3-gt .nx3-row{flex:1}
.nx3-gt-cov img{display:block;width:64px;height:86px;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px rgba(0,0,0,.4)}
/* TERMINADO: el arte a sangre y el sello */
.nx3-fin{margin:0;padding:0;height:310px;border-radius:0;overflow:hidden;box-shadow:none;isolation:isolate}
.nx3-fin-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.nx3-fin::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,13,20,.25) 0%,rgba(8,13,20,.93) 78%)}
.nx3-sello{position:absolute;right:-4px;top:36px;transform:rotate(-7deg);padding:4px 16px;border:3px solid var(--cy);border-radius:10px;font:400 78px/.9 var(--fd);color:transparent;-webkit-text-stroke:2px var(--cy);box-shadow:0 0 30px rgba(0,212,255,.4);animation:nx3Sello .6s .2s var(--spring) both}
@keyframes nx3Sello{from{opacity:0;transform:rotate(-7deg) scale(1.6)}to{opacity:1;transform:rotate(-7deg)}}
.nx3-fin-b{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px}
/* Portadas en abanico */
.nx3-fan{position:relative;height:150px}
.nx3-fan-i{position:absolute;top:10px;width:92px;height:124px;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.5);transition:transform .3s var(--spring)}
.nx3-fan-i img{width:100%;height:100%;object-fit:cover;display:block}
.nx3-fan-i.f0{left:4px;top:20px;transform:rotate(-9deg)}
.nx3-fan-i.f1{left:74px;top:8px;transform:rotate(-3deg)}
.nx3-fan-i.f2{left:144px;top:6px;transform:rotate(3deg)}
.nx3-fan-i.f3{left:214px;top:16px;transform:rotate(9deg)}
.nx3-fan-i.is-mas{display:flex;align-items:center;justify-content:center;background:var(--pan2);box-shadow:inset 0 0 0 1px var(--cyl);font:400 40px/1 var(--fd);color:var(--cy)}
.nx3-fan:hover .nx3-fan-i{transform:rotate(0)}
.nx3-ins-l{display:flex;gap:10px;flex-wrap:wrap}
.nx3-ins-l img{width:56px;height:56px;filter:drop-shadow(0 6px 16px rgba(0,212,255,.35));animation:nx3Pop .5s var(--spring) both;animation-delay:calc(var(--i) * 70ms)}
@keyframes nx3Pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
.nx3-nuevo{gap:10px}
.nx3-nuevo-h{display:flex;align-items:baseline;justify-content:space-between}
.nx3-nuevo-f{display:flex;align-items:center;gap:12px}
.nx3-nuevo-f .nx3-u{color:#fff;font:800 15px/1.2 var(--fs)}
.nx3-xb{flex-direction:row;align-items:center;flex-wrap:wrap}
.nx3-xb .nx3-row{flex:1}
.nx3-xb-img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}
.nx3-xb-bar{flex-basis:100%;height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.nx3-xb-bar i{display:block;height:100%;width:var(--p);background:var(--gr);border-radius:99px}
.nx3-res-b{display:flex;align-items:flex-start;gap:12px}
.nx3-res-b img{width:54px;height:72px;border-radius:7px;object-fit:cover;flex:none}
.nx3-res-b blockquote{margin:0;flex:1;font:700 17px/1.35 var(--fs);color:#fff}
.nx3-nota{font:400 38px/1 var(--fd);color:var(--cy)}
.nx3-nota small{font-size:18px;color:var(--mut)}
.nx3-post-t{margin:0;font:500 16px/1.5 var(--fs);color:var(--t);overflow-wrap:anywhere}
.nx3-post-t.is-big{font:700 22px/1.3 var(--fs);color:#fff}
.nx3-post-t.is-big::before{content:"“";display:block;height:30px;font:400 70px/1 var(--fd);color:var(--cy)}
.nx3-men{color:var(--cy2);font-weight:700}
.nx3-post-img{width:100%;max-height:520px;object-fit:cover;border-radius:12px}
.nx3-new a,.nx3-of a{display:flex;gap:12px;align-items:center;color:var(--t)}
.nx3-new img,.nx3-of img{width:112px;height:63px;border-radius:8px;object-fit:cover;flex:none}
.nx3-new b,.nx3-of b{font:700 15px/1.3 var(--fs);color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx3-of-p{display:flex;align-items:center;gap:6px;font:600 13px/1 var(--fs)}
.nx3-of-p b{font-size:15px;-webkit-line-clamp:1}
.nx3-of-p s{color:var(--mut)}
.nx3-af{font-size:11px}
.nx3-ad{margin:0 16px;min-height:280px;border-radius:16px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:flex-start;justify-content:center;padding-top:8px}
.nx3-ad.is-preview{min-height:56px;align-items:center;padding:0}
.nx3-ad span{font:700 11px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.nx3-vacio{margin:0 16px;padding:24px;border-radius:16px;background:var(--pan);color:var(--t2);font:500 15px/1.5 var(--fs);text-align:center}

/* ── Conjuntas ────────────────────────────────────────────────────────── */
.nx3-cj{margin:0 16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.nx3-cj-h{display:flex;align-items:center;justify-content:space-between}
.nx3-seats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.nx3-seats span{height:40px;border-radius:7px;display:flex;align-items:center;justify-content:center;font:800 11px/1 var(--fc);letter-spacing:.04em}
.nx3-seats .is-libre{box-shadow:inset 0 0 0 1.5px rgba(0,212,255,.7);background:rgba(0,212,255,.08);color:var(--cy2)}
.nx3-seats .is-ocupada{background:rgba(255,255,255,.06);color:var(--mut)}
.nx3-cj-p{margin:0;font:600 14px/1.4 var(--fs);color:var(--t2)}
.nx3-cj-p b{color:#fff}

/* ── La Liga ──────────────────────────────────────────────────────────── */

/* ── Explora y pie ────────────────────────────────────────────────────── */
.nx3-seo{margin:0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nx3-seo a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:var(--pan);box-shadow:inset 0 0 0 1px var(--line);color:var(--t2);font:600 12px/1.3 var(--fs)}
.nx3-seo svg{width:24px;height:24px;fill:none;stroke:var(--cy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.nx3-seo b{font:700 16px/1.2 var(--fs);color:#fff}
.nx3-legal{margin:0 16px;padding:18px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font:500 12px/1.5 var(--fs);color:var(--mut)}
.nx3-legal a{color:var(--t2)}

/* ── Botón de publicar (móvil) ────────────────────────────────────────── */
.nx3-fab{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:40;width:58px;height:58px;border-radius:18px;border:0;background:var(--cy);color:var(--on);display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,212,255,.45);transition:transform .25s var(--spring)}
.nx3-fab:active{transform:scale(.9)}
.nx3.is-head-up~.nx3-fab,.nx3-fab.is-oculto{transform:translateY(160%)}

/* ── Tablet (768-1180): una columna centrada, con barra inferior ─────── */
@media (min-width:768px) and (max-width:1180px){
  .nx3{max-width:720px;margin:0 auto}
  .nx3-stage{border-radius:0 0 22px 22px}
  html:has(.nx3-page) #nx-bottom-nav{display:flex!important}
}

/* ── Escritorio (≥1181): menú lateral de siempre + escenario + feed y carril ─ */
@media (min-width:1181px){
  .nx3{padding:22px 36px 70px;gap:34px;background:transparent}
  .nx3-mhead{position:absolute;top:44px;left:58px;right:auto;height:auto;margin:0;padding:0;background:none;z-index:5}
  .nx3-yo,.nx3-mhead .gpu-btn{display:none}
  .nx3-stage{height:540px;min-height:0;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .nx3-stage-fade{background:linear-gradient(90deg,rgba(8,13,20,.97) 0%,rgba(8,13,20,.82) 34%,rgba(8,13,20,.1) 70%),linear-gradient(0deg,rgba(8,13,20,.9) 0%,rgba(8,13,20,0) 40%)}
  .nx3-stage-art{object-position:center}
  .nx3-stage-tx{left:44px;right:auto;top:96px;bottom:auto;width:540px}
  .nx3-stage-pre{font-size:78px}
  .nx3-stage-t{font-size:clamp(120px,11vw,190px)}
  .nx3-stage-cta .gpu-btn:first-child{flex:none}
  .nx3-pulso{position:absolute;right:22px;bottom:22px;width:430px;margin:0;padding:16px}
  .nx3-sec-h{padding-left:0;padding-right:0}
  .nx3-cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
  .nx3-rail{display:flex;flex-direction:column;gap:18px}
  .nx3-feedcol{order:0}
  .nx3-dia-box,.nx3-top,.nx3-cj,.nx3-liga,.nx3-uno,.nx3-top-l,.nx3-c,.nx3-compose,.nx3-join,.nx3-ad,.nx3-vacio,.nx3-tabs,.nx3-seo,.nx3-legal{margin-left:0;margin-right:0}
  .nx3-tabs{position:static;background:none;padding:0}
  .nx3-tabs-h{display:block}
  .nx3-compose-x{display:inline-flex}
  .nx3-fin{border-radius:18px;height:340px;box-shadow:inset 0 0 0 1px var(--cyl)}
  .nx3-sello{font-size:96px;right:26px;top:40px}
  .nx3-ad{min-height:250px}
  .nx3-seo{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nx3-fab{display:none}
}

@media (prefers-reduced-motion:reduce){
  .nx3-stage-art,.nx3-stage-tx,.nx3-bars i,.nx3-xp-bar i,.nx3-sello{animation:none!important}
  .nx3-mhead,.nx3-ticker-in,.nx3-fan-i,.nx3-fab{transition:none!important}
}

/* ── Piezas que crea el JS: chispa del Pulso, hilo y publicar (en la hoja de gp-ui) ── */
.nx3-chispa{position:absolute;z-index:2147483200;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;color:#00d4ff;animation:nx3Chispa .8s cubic-bezier(.2,.8,.2,1) both}
.nx3-chispa svg{width:100%;height:100%;animation:none}
@keyframes nx3Chispa{0%{opacity:0;transform:translateY(0) scale(.4)}30%{opacity:1;transform:translateY(-18px) scale(1.25)}100%{opacity:0;transform:translateY(-46px) scale(.9)}}
.nx3-hilo,.nx3-pub{display:flex;flex-direction:column;gap:14px}
.nx3-hilo-l{display:flex;flex-direction:column;gap:10px}
.nx3-cm{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font:500 14px/1.45 Barlow,sans-serif;color:#dfe7ef}
.nx3-cm b{color:#fff}
.nx3-cm p{margin:6px 0 0}
.nx3-hilo-f,.nx3-pub{display:flex;flex-direction:column;gap:10px}
.nx3-hilo-f textarea,.nx3-pub textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:0;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;font:500 16px/1.5 Barlow,sans-serif;resize:vertical}
.nx3-hilo-f textarea:focus,.nx3-pub textarea:focus{outline:none;box-shadow:inset 0 0 0 1px #00d4ff,0 0 0 3px rgba(0,212,255,.18)}
.nx3-pub-b{display:flex;align-items:center;justify-content:space-between}
@media (prefers-reduced-motion:reduce){.nx3-chispa{display:none}}

/* ── 02-10 tarde (feedback de Sergi): pestañas sin recargar, tarjeta de persona, rejilla en PC ── */
/* Pestañas: los estilos generales de enlaces del armazón les ponían fondo. */
.nx3 .nx3-tabs a{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;text-decoration:none!important;border-radius:0!important}
.nx3 .nx3-tabs a.is-on{color:#fff!important}
.nx3 .nx3-tabs a:not(.is-on){color:var(--mut)!important}
.nx3-feed.is-loading{opacity:.35;transition:opacity .18s;pointer-events:none}
.nx3-feed.is-in-r{animation:nx3InR .38s var(--ease) both}
.nx3-feed.is-in-l{animation:nx3InL .38s var(--ease) both}
@keyframes nx3InR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes nx3InL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}

/* Insignias: el dibujo es redondo; la imagen trae un cuadrado oscuro que se recorta. */
.nx3-ins-l img{border-radius:50%;clip-path:circle(46% at 50% 50%);background:transparent}

/* Tarjeta de persona: todo lo que ha hecho alguien hoy, sobre el arte de su juego. */
.nx3-pe{overflow:hidden;isolation:isolate;gap:14px}
.nx3-pe-art{position:absolute;top:0;right:0;bottom:0;width:78%;height:100%;object-fit:cover;z-index:-2;opacity:.72;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%)}
.nx3-pe::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,21,30,0) 40%,rgba(14,21,30,.85) 100%)}
.nx3-pe .nx3-line b{color:#fff;font-weight:800}
.nx3-pe-js{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:2px}
.nx3-pe-js::-webkit-scrollbar{display:none}
.nx3-pe-j{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;gap:7px;animation:nx3Pop .45s var(--spring) both;animation-delay:calc(var(--i) * 60ms)}
.nx3-pe-j img{width:96px;height:128px;border-radius:10px;object-fit:cover;box-shadow:0 12px 26px rgba(0,0,0,.5);transition:transform .25s var(--ease)}
.nx3-pe-j:hover img{transform:translateY(-3px)}
.nx3-pe-j .gpu-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.nx3-pe-j.is-mas{height:128px;justify-content:center;border-radius:10px;background:var(--pan2);box-shadow:inset 0 0 0 1px var(--cyl);font:400 38px/1 var(--fd);color:var(--cy)}
.nx3-pe-j.is-terminado img{box-shadow:0 0 0 2px var(--cy),0 0 26px rgba(0,212,255,.45),0 12px 26px rgba(0,0,0,.5)}
.nx3-pe-sello{position:absolute;top:14px;right:14px;transform:rotate(-6deg);padding:2px 10px;border:2px solid var(--cy);border-radius:8px;font:400 30px/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--cy);box-shadow:0 0 22px rgba(0,212,255,.35)}
.nx3-pe.is-fin{box-shadow:inset 0 0 0 1px var(--cyl)}


@media (min-width:1181px){
}
@media (prefers-reduced-motion:reduce){.nx3-feed.is-in-r,.nx3-feed.is-in-l,.nx3-pe-j{animation:none!important}}

/* ── El raíl en directo (02-10 noche: Sergi elige «mezcla de A y B») ─────────────────────────────
   Cada paso cuelga de un nodo con su glifo XboxFluent. Lo pequeño, fila compacta; lo gordo, «momento»
   con cabecera de arte. Motion: la línea se enciende al bajar, los nodos entran con muelle, «Ahora» late. */
.nx3-feed{--rl:32px;--nd:32px;position:relative;display:flex;flex-direction:column;gap:12px;padding:0 16px 0 58px}
.nx3-feed>.nx3-ad,.nx3-feed>.nx3-vacio,.nx3-paso>.nx3-c{margin:0}
.nx3-feed::before{content:"";position:absolute;left:calc(var(--rl) - 1px);top:6px;bottom:0;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--cy) 0,rgba(0,212,255,.45) 180px,rgba(255,255,255,.14) 520px,rgba(255,255,255,.12) 100%)}
@supports (animation-timeline:view()){
  .nx3-feed::after{content:"";position:absolute;left:calc(var(--rl) - 1px);top:6px;bottom:0;width:2px;border-radius:2px;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,212,255,0) 0%,rgba(0,212,255,.55) 70%,#7ee7ff 100%);box-shadow:0 0 10px rgba(0,212,255,.6);
    transform-origin:top;transform:scaleY(0);animation:nx3Rail linear both;animation-timeline:view();animation-range:entry 10% exit 70%}
  @keyframes nx3Rail{to{transform:scaleY(1)}}
}
.nx3-paso{position:relative;min-width:0}
.nx3-nodo{position:absolute;left:calc(var(--rl) - 58px - var(--nd) / 2);top:12px;z-index:1;width:var(--nd);height:var(--nd);border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#0b121b;color:var(--nc,var(--cy));
  box-shadow:inset 0 0 0 1.5px var(--nc,var(--cy)),0 0 0 4px var(--bg);transition:transform .55s var(--spring) .1s,box-shadow .25s}
.nx3-nodo .xg{font-size:15px}
.nx3-nodo::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--nc,var(--cy));opacity:0;pointer-events:none}
.nx3-paso.is-momento .nx3-nodo{background:var(--nc,var(--cy));color:var(--on);box-shadow:0 0 0 4px var(--bg),0 0 22px rgba(0,212,255,.55)}
.nx3-paso.is-momento .nx3-nodo .xg{font-size:17px}
.nx3-paso:hover .nx3-nodo{transform:scale(1.12)}

/* Cabeceras de tiempo: AHORA (late) · HOY · AYER · ESTA SEMANA */
.nx3-tl-h{position:relative;display:flex;align-items:baseline;gap:10px;margin:8px 0 -2px;color:#fff}
.nx3-tl-h:first-child{margin-top:0}
.nx3-tl-h b{font:800 14px/1 var(--fc);letter-spacing:.16em}
.nx3-tl-h>span:not(.nx3-tl-pt){font:700 12px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.nx3-tl-pt{position:absolute;left:calc(var(--rl) - 58px - 6px);top:0;width:12px;height:12px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.nx3-tl-h.is-r0 b{color:var(--cy)}
.nx3-tl-h.is-r0 .nx3-tl-pt{background:var(--cy);box-shadow:0 0 14px var(--cy)}
.nx3-tl-h.is-r0 .nx3-tl-pt::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--cy);animation:nx3Ping 1.8s var(--ease) infinite}
@keyframes nx3Ping{from{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.7)}}

/* Fila compacta */
.nx3-fila{padding:12px 14px;gap:10px;transition:box-shadow .2s,background .2s}
.nx3-fila:hover{box-shadow:inset 0 0 0 1px var(--line2);background:var(--pan2)}
.nx3-fila .nx3-line{font-size:14.5px}
.nx3-line b{color:#fff;font-weight:800}
.nx3-minis{display:flex;flex:none;align-items:center;margin-left:auto;padding:4px 4px 4px 8px}
.nx3-mini{position:relative;display:block;flex:none;width:44px;height:59px;margin-left:-16px;border-radius:7px;
  box-shadow:0 0 0 2px var(--pan),0 8px 18px rgba(0,0,0,.45);transform:rotate(calc((var(--i) - 1) * 5deg));transition:transform .35s var(--spring)}
.nx3-mini:first-child{margin-left:0}
.nx3-mini img{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}
.nx3-mini.is-sq{width:52px;height:52px;transform:none}
.nx3-fila:hover .nx3-mini{transform:translateY(-2px) rotate(0)}
.nx3-mini-tr{position:absolute;top:-7px;right:-7px;z-index:1;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--cy);color:var(--on);box-shadow:0 0 0 2px var(--pan),0 0 14px rgba(0,212,255,.85)}
.nx3-mini-tr .gpu-rayo{width:13px;height:13px;fill:currentColor;animation:none}
.nx3-fila .nx3-ins-l{padding-left:48px;gap:8px}
.nx3-fila .nx3-ins-l img{width:36px;height:36px}
.nx3-xb-bar{display:block;margin-left:48px}

/* Momento: cabecera de arte (lo de la dirección A) */
.nx3-mom{padding:0;gap:0;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2)}
.nx3-arte{position:relative;display:block;aspect-ratio:16/8.5;overflow:hidden;isolation:isolate;color:#fff;max-width:100%}
.nx3-arte>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02);transition:transform 1.1s var(--ease)}
.nx3-arte::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,13,20,.45) 0%,rgba(8,13,20,0) 28%,rgba(8,13,20,.1) 52%,rgba(14,21,30,.97) 100%)}
.nx3-mom:hover .nx3-arte>img{transform:scale(1.07)}
.nx3-arte-c{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px}
.nx3-arte-c .gpu-chip .xg{font-size:13px}
.nx3-arte-t{position:absolute;left:16px;right:16px;bottom:8px;font:400 clamp(36px,10vw,64px)/.88 var(--fd);letter-spacing:.01em;text-wrap:balance;text-shadow:0 4px 24px rgba(0,0,0,.55)}
.nx3-mom-b{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px;min-width:0}
.nx3-mom.is-fin{box-shadow:inset 0 0 0 1px var(--cyl),0 0 44px rgba(0,212,255,.1)}
.nx3-mom .nx3-pe-sello{top:46px;right:14px;font-size:clamp(26px,7vw,40px)}
.gpu-chip.is-rayo{background:rgba(0,212,255,.16);color:#fff;box-shadow:inset 0 0 0 1px var(--cy),0 0 16px rgba(0,212,255,.45)}
.gpu-chip.is-rayo .gpu-rayo{width:12px;height:12px;fill:var(--cy);animation:none}
.nx3-arte .nx3-nota{position:absolute;right:14px;bottom:6px;font:400 66px/1 var(--fd);color:var(--cy);text-shadow:0 0 26px rgba(0,212,255,.5)}
.nx3-arte .nx3-nota small{font-size:24px;color:#fff}
.nx3-mom.is-res .nx3-arte-t{right:118px}
.nx3-cita{margin:0;font:700 19px/1.35 var(--fs);color:#fff;overflow-wrap:anywhere}
.nx3-cita::before{content:"«";color:var(--cy)}
.nx3-cita::after{content:"»";color:var(--cy)}
.nx3-cita.is-sm{padding-left:48px;font-size:15px;color:var(--t)}
.nx3-lleg-s{margin:0;font:500 14px/1.45 var(--fs);color:var(--t2)}
.nx3-lleg-f{display:flex;flex-direction:column;gap:4px;color:#fff;font:700 16px/1.3 var(--fs)}
.nx3-mom .nx3-pe-j{width:84px}
.nx3-mom .nx3-pe-j img{width:84px;height:112px}
.nx3-pe-j{position:relative}
.nx3-pe-j .nx3-mini-tr{top:6px;right:6px}
.nx3-post-img{border-radius:12px}

/* Noticias y ofertas: fila con miniatura y el chip de su categoría (color de NoticiaCategoria) */
.nx3-new a,.nx3-of a{display:flex;gap:12px;align-items:center;color:var(--t)}
.nx3-new img,.nx3-of img{width:104px;height:70px;border-radius:9px;object-fit:cover;flex:none;transition:transform .35s var(--ease)}
.nx3-new:hover img,.nx3-of:hover img{transform:scale(1.04)}
.nx3-of-ph{flex:none;width:104px;height:70px;border-radius:9px;display:flex;align-items:center;justify-content:center;font:400 34px/1 var(--fd);color:#ffd24d;background:radial-gradient(circle at 30% 20%,rgba(255,210,77,.22),rgba(255,210,77,.04) 70%);box-shadow:inset 0 0 0 1px rgba(255,210,77,.35)}
.nx3-new b,.nx3-of b{font:700 15px/1.3 var(--fs);color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx3-cat{align-self:flex-start;display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;
  font:800 11px/1 var(--fc);letter-spacing:.08em;text-transform:uppercase;color:var(--nc,var(--cy));
  background:rgba(255,255,255,.04);background:color-mix(in srgb,var(--nc,#00d4ff) 14%,transparent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nc,#00d4ff) 42%,transparent)}

/* Entrada al aparecer (solo con JS y si la pestaña está visible; sin JS todo se ve quieto) */
.nx3-feed.is-tl .nx3-paso{transition:opacity .5s var(--ease),transform .6s var(--ease)}
.nx3-feed.is-tl .nx3-paso:not(.is-on){opacity:0;transform:translateX(-16px)}
.nx3-feed.is-tl .nx3-paso:not(.is-on) .nx3-nodo{transform:scale(.3)}
.nx3-paso.is-on.is-momento .nx3-nodo::after{animation:nx3Ping 1.4s var(--ease) .3s 2 both}

@media (min-width:1181px){
  .nx3-feed{--rl:24px;--nd:40px;gap:14px;padding:0 0 0 64px}
  .nx3-nodo{left:calc(var(--rl) - 64px - var(--nd) / 2);top:14px}
  .nx3-nodo .xg{font-size:18px}
  .nx3-paso.is-momento .nx3-nodo .xg{font-size:20px}
  .nx3-tl-pt{left:calc(var(--rl) - 64px - 6px)}
  .nx3-tl-h b{font-size:15px}
  .nx3-arte{aspect-ratio:16/7}
  .nx3-arte-t{left:22px;bottom:12px;font-size:66px}
  .nx3-mom-b{padding:14px 20px 18px}
  .nx3-fila{padding:14px 18px}
  .nx3-fila .nx3-line{font-size:15px}
  .nx3-mini{width:50px;height:67px}
  .nx3-new img,.nx3-of img,.nx3-of-ph{width:176px;height:99px}
  .nx3-of-ph{font-size:48px}
  .nx3-new b,.nx3-of b{font-size:17px}
  .nx3-mom .nx3-pe-j{width:96px}
  .nx3-mom .nx3-pe-j img{width:96px;height:128px}
  .nx3-mom .nx3-pe-sello{font-size:46px;top:52px;right:22px}
  .nx3-cita{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
  .nx3-feed::after,.nx3-tl-h.is-r0 .nx3-tl-pt::after,.nx3-paso .nx3-nodo::after{animation:none!important}
  .nx3-feed.is-tl .nx3-paso,.nx3-feed.is-tl .nx3-paso .nx3-nodo{opacity:1!important;transform:none!important;transition:none!important}
  .nx3-arte>img,.nx3-mini{transition:none!important}
}

/* ── La Quincena en abanico (02-10 noche, OK de Sergi al lienzo) ─────────────────────────────────
   7 cartas: lo que viene + lo último que llegó. Verde Xbox = ya está · cyan Nexo = viene. Nada de dorado. */
.nx3-q{position:relative;margin:0 16px;padding:18px 16px 18px;border-radius:20px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:14px;
  background:#0b121b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nx3-q-bg{position:absolute;top:0;left:0;width:100%;height:300px;object-fit:cover;z-index:-2;opacity:.6;transition:opacity .3s}
.nx3-q-bg.is-out{opacity:0}
.nx3-q::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(11,18,27,.2) 0%,rgba(11,18,27,.55) 120px,rgba(11,18,27,.95) 300px,#0b121b 100%)}
.nx3-q-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.nx3-q-h .gpu-meta{display:none}
.nx3-q-ola{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:800 11px/1 var(--fc);letter-spacing:.14em;color:var(--cy2);background:var(--cyb);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-q-h .nx3-mas{margin-left:auto}
.nx3-q-in{display:flex;flex-direction:column;gap:12px}
.nx3-q-info{display:flex;flex-direction:column;gap:10px;padding-top:44px;min-width:0}
.nx3-q-eye{display:inline-flex;align-items:center;gap:8px;font:800 13px/1 var(--fc);letter-spacing:.14em;text-transform:uppercase;color:var(--cy)}
.nx3-q-eye i{flex:none;width:8px;height:8px;border-radius:50%;background:currentColor;animation:nx3QPing 1.6s ease-out infinite}
.nx3-q-eye.is-ya{color:var(--gr)}
.nx3-q-eye.is-ya i{animation:none}
@keyframes nx3QPing{0%{box-shadow:0 0 0 0 currentColor}100%{box-shadow:0 0 0 10px rgba(0,0,0,0)}}
.nx3-q-t{font:400 clamp(40px,12vw,54px)/.9 var(--fd);color:#fff;text-wrap:balance}
.nx3-q-t.is-in,.nx3-q-eye.is-in{animation:nx3QIn .42s var(--ease) both}
@keyframes nx3QIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.nx3-q-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:22px}
.nx3-q-soc{display:flex;align-items:center;gap:8px;font:600 14px/1.3 var(--fs);color:var(--t)}
.nx3-q-soc[hidden]{display:none}
.nx3-q-soc .gpu-rayo{width:15px;height:15px;fill:var(--cy);animation:none;flex:none}
.nx3-q-cta{display:flex;gap:10px;margin-top:4px}
.nx3-q-cta [data-q-btn]{flex:1}
.nx3-q-stage{display:flex;flex-direction:column;gap:20px;min-width:0}
.nx3-q-fan{--cw:104px;--ch:139px;position:relative;height:calc(var(--ch) + 46px);margin:0 10px}
.nx3-q-c{position:absolute;bottom:8px;left:calc(var(--i) * (100% - var(--cw)) / (var(--n) - 1));width:var(--cw);height:var(--ch);border-radius:12px;overflow:hidden;
  z-index:calc(10 + var(--i));background:#0d1219;transform-origin:50% 120%;transform:translateY(var(--y)) rotate(var(--r));filter:saturate(.85) brightness(.8);
  box-shadow:0 18px 34px -16px rgba(0,0,0,.98),-10px 0 20px -16px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.18);
  transition:transform .45s var(--spring),box-shadow .3s,filter .3s}
.nx3-q-c img{display:block;width:100%;height:100%;object-fit:cover}
.nx3-q-c::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,7,11,.55),rgba(4,7,11,0) 30%,rgba(4,7,11,0) 70%,rgba(4,7,11,.55))}
.nx3-q-c.is-on{z-index:50;filter:none;transform:translateY(-24px) scale(1.1);
  box-shadow:0 0 0 2px var(--cy),0 0 34px rgba(0,212,255,.55),0 26px 40px -12px rgba(0,0,0,.9)}
.nx3-q-c.is-ya.is-on{box-shadow:0 0 0 2px var(--gr),0 0 34px rgba(94,255,159,.42),0 26px 40px -12px rgba(0,0,0,.9)}
.nx3-q-c:focus-visible{outline:none}
.nx3-q-f{position:absolute;top:7px;left:8px;z-index:1;font:800 11px/1 var(--fc);letter-spacing:.12em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.nx3-q-ok{position:absolute;right:7px;bottom:7px;z-index:1;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gr);color:var(--on);box-shadow:0 0 0 2px rgba(4,7,11,.7)}
.nx3-q-ok .xg{font-size:12px}
.nx3-q-reg{position:relative;height:34px;margin:0 6px}
.nx3-q-ln{position:absolute;left:0;right:0;top:9px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(94,255,159,.55) 0,rgba(94,255,159,.55) var(--hoy),rgba(0,212,255,.65) var(--hoy),rgba(0,212,255,.15) 100%)}
.nx3-q-hoy{position:absolute;left:var(--hoy);top:-4px;width:2px;height:26px;margin-left:-1px;background:var(--cy);box-shadow:0 0 12px var(--cy)}
.nx3-q-hoy b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font:800 11px/1 var(--fc);letter-spacing:.14em;color:var(--cy)}
.nx3-q-pt{position:absolute;left:var(--x);top:4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;cursor:pointer;background:#0b121b;box-shadow:0 0 0 2px var(--cy);
  transition:width .25s var(--spring),height .25s var(--spring),margin .25s var(--spring),top .25s var(--spring),background .2s}
.nx3-q-pt.is-ya{box-shadow:0 0 0 2px var(--gr)}
.nx3-q-pt.is-on{top:2px;width:16px;height:16px;margin-left:-8px;background:var(--cy);box-shadow:0 0 0 2px var(--cy),0 0 14px var(--cy)}
.nx3-q-pt.is-ya.is-on{background:var(--gr);box-shadow:0 0 0 2px var(--gr),0 0 14px var(--gr)}
.nx3-q-pt em{position:absolute;top:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font:800 11px/1 var(--fc);font-style:normal;letter-spacing:.1em;color:#fff;opacity:0;transition:opacity .2s}
.nx3-q-pt.is-on em{opacity:1}
.nx3-q-pie{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font:500 13px/1.45 var(--fs);color:var(--t2)}
.nx3-q-pie b{color:#fff;font-weight:700}
.nx3-q-pie a{color:var(--cy2);font-weight:600}
.nx3-q-pie .is-sale b{color:var(--red)}

@media (min-width:768px) and (max-width:1180px){
  .nx3-q-fan{--cw:132px;--ch:176px}
  .nx3-q-bg{height:340px}
}
@media (min-width:1181px){
  .nx3-q{margin:0;padding:28px 34px 24px}
  .nx3-q-bg{height:100%;opacity:.32}
  .nx3-q::before{background:linear-gradient(90deg,rgba(11,18,27,.98) 0%,rgba(11,18,27,.9) 34%,rgba(11,18,27,.5) 62%,rgba(11,18,27,.85) 100%),linear-gradient(0deg,rgba(11,18,27,.95) 0%,rgba(11,18,27,0) 45%)}
  .nx3-q-h .gpu-meta{display:inline}
  .nx3-q-in{flex-direction:row;align-items:stretch;gap:44px}
  .nx3-q-info{width:360px;flex:none;justify-content:center;padding:0}
  .nx3-q-t{font-size:clamp(56px,5vw,78px)}
  .nx3-q-cta [data-q-btn]{flex:none}
  .nx3-q-stage{flex:1;justify-content:flex-end;gap:30px}
  .nx3-q-fan{--cw:138px;--ch:184px;height:calc(var(--ch) + 64px)}
  .nx3-q-c.is-on{transform:translateY(-30px) scale(1.12)}
}
@media (prefers-reduced-motion:reduce){
  .nx3-q-c,.nx3-q-pt,.nx3-q-bg{transition:none!important}
  .nx3-q-eye i,.nx3-q-t.is-in,.nx3-q-eye.is-in{animation:none!important}
}

/* ── Top del Nexo y La Comunidad (02-10 noche, lienzo «Top-Ranking»; nada de ligas) ───────────── */
.nx3-top,.nx3-liga{margin:0 16px;padding:0;overflow:hidden;display:flex;flex-direction:column}
.nx3-top .nx3-sec-h,.nx3-liga .nx3-sec-h{padding:16px 16px 12px;flex-wrap:wrap;row-gap:4px}
.nx3-caras{display:flex;align-items:center;min-width:0}
.nx3-caras img,.nx3-caras i{flex:none;width:26px;height:26px;margin-left:-8px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--pan);background:#1b2633;
  display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--fs);font-style:normal;color:var(--cy2)}
.nx3-caras img:first-child,.nx3-caras i:first-child{margin-left:0}
.nx3-caras em{margin-left:8px;font:600 12px/1.2 var(--fs);font-style:normal;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-mv{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font:800 11px/1 var(--fc);letter-spacing:.06em;color:var(--t2);background:var(--inset);box-shadow:inset 0 0 0 1px var(--line2)}
.nx3-mv.is-nuevo{background:var(--cy);color:var(--on);box-shadow:none}
.nx3-mv.is-sube{background:rgba(94,255,159,.14);color:var(--gr);box-shadow:inset 0 0 0 1px rgba(94,255,159,.4)}
/* N.º 1 */
.nx3-t1{position:relative;height:230px;overflow:hidden;isolation:isolate}
.nx3-t1-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:nx3Ken 16s ease-in-out infinite alternate}
@keyframes nx3Ken{from{transform:scale(1.03)}to{transform:scale(1.1) translate(-2%,-1%)}}
.nx3-t1::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(14,21,30,.95) 0%,rgba(14,21,30,.55) 55%,rgba(14,21,30,.2) 100%),linear-gradient(0deg,var(--pan) 0%,rgba(14,21,30,0) 55%)}
.nx3-t1-a{position:absolute;inset:0;z-index:1}
.nx3-t1-n{position:absolute;left:10px;top:4px;font:400 190px/1 var(--fd);color:transparent;-webkit-text-stroke:2px var(--cy);text-shadow:0 0 30px rgba(0,212,255,.35);pointer-events:none}
.nx3-t1-tx{position:absolute;left:104px;right:16px;top:58px;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.nx3-t1-tx .gpu-eye{display:flex;align-items:center;gap:6px}
.nx3-t1-tx .gpu-eye .gpu-rayo{width:13px;height:13px;fill:var(--cy)}
.nx3-t1-t{font:400 44px/.9 var(--fd);color:#fff;text-wrap:balance}
.nx3-t1-m{display:flex;align-items:center;gap:8px;font:700 13px/1 var(--fs);color:#fff}
.nx3-t1-btn{position:absolute;right:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border:0;border-radius:999px;cursor:pointer;
  background:var(--cy);color:var(--on);font:800 13px/1 var(--fs);box-shadow:0 0 22px rgba(0,212,255,.45)}
.nx3-t1-btn.is-hecho{background:rgba(0,212,255,.14);color:var(--cy2);box-shadow:inset 0 0 0 1px var(--cyl);cursor:default}
.nx3-t1-btn .xg,.nx3-tf-btn .xg{font-size:14px}
.nx3-t1-sp{position:absolute;left:0;right:0;bottom:0;width:100%;height:46px;pointer-events:none}
.nx3-t1-sp .l{fill:none;stroke:var(--cy);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,212,255,.8));stroke-dasharray:700;stroke-dashoffset:700;animation:nx3Draw 1.6s .3s var(--ease) forwards}
.nx3-t1-sp .a{fill:rgba(0,212,255,.16)}
@keyframes nx3Draw{to{stroke-dashoffset:0}}
/* 2-5 */
.nx3-tf{list-style:none;margin:0;padding:0 0 8px}
.nx3-tf-f{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border:0;background:none;color:var(--t);text-align:left;cursor:pointer;transition:background .2s}
.nx3-tf-f:hover{background:rgba(255,255,255,.03)}
.nx3-tf-i.is-on .nx3-tf-f{background:linear-gradient(90deg,rgba(0,212,255,.1),rgba(0,212,255,0))}
.nx3-tf-r{width:26px;flex:none;text-align:center;font:400 34px/1 var(--fd);color:transparent;-webkit-text-stroke:1.4px var(--cy2)}
.nx3-tf-c{width:44px;height:59px;flex:none;border-radius:7px;object-fit:cover;box-shadow:0 8px 18px rgba(0,0,0,.45);transition:transform .3s var(--spring)}
.nx3-tf-i.is-on .nx3-tf-c{transform:scale(1.08) rotate(-3deg)}
.nx3-tf .nx3-tx b{font:700 15px/1.25 var(--fs);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-tf .nx3-tx>span{display:flex;align-items:center;gap:6px;font:600 12px/1 var(--fs);color:var(--t2)}
.nx3-tf-b{display:flex;align-items:flex-end;gap:3px;height:30px;flex:none}
.nx3-tf-b i{width:5px;border-radius:2px;background:rgba(0,212,255,.22)}
.nx3-tf-b i.is-h{background:var(--cy);box-shadow:0 0 8px rgba(0,212,255,.7)}
.nx3-tf-m{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.nx3-tf-i.is-on .nx3-tf-m{grid-template-rows:1fr}
.nx3-tf-m>div{overflow:hidden;min-height:0}
.nx3-tf-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:2px 16px 12px 54px}
.nx3-tf-in .nx3-caras{flex:1 1 100%}
.nx3-tf-fi{margin-left:auto}
.nx3-tf-fi{font:700 12px/1 var(--fs);color:var(--t2)}
.nx3-tf-btn{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border:0;border-radius:999px;cursor:pointer;font:800 12px/1 var(--fs);color:var(--cy2);background:var(--cyb);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-tf-btn.is-hecho{cursor:default}
/* La Comunidad */
.nx3-lg-cd{margin-left:auto;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font:800 11px/1 var(--fc);letter-spacing:.08em;text-transform:uppercase;color:var(--cy2);background:var(--cyb);box-shadow:inset 0 0 0 1px var(--cyl);white-space:nowrap}
.nx3-lg-duelo{margin:0 16px 4px;padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font:600 13px/1.35 var(--fs);color:#fff;
  background:linear-gradient(90deg,rgba(0,212,255,.16),rgba(0,212,255,.04));box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-lg-duelo b{color:var(--cy)}
.nx3-lg-duelo .gpu-rayo{flex:none;width:18px;height:18px;fill:var(--cy);animation:nx3Zap 1.4s ease-in-out infinite}
@keyframes nx3Zap{50%{transform:scale(1.25);filter:drop-shadow(0 0 8px #00d4ff)}}
.nx3-lg-podio{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding:30px 16px 0}
.nx3-lg-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#fff}
.nx3-lg-p>b{max-width:100%;font:800 13px/1.2 var(--fs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-lg-rg{font:700 10px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.nx3-lg-corona{position:absolute;top:-28px;width:30px;height:22px;filter:drop-shadow(0 0 10px rgba(0,212,255,.8));animation:nx3Flota 2.4s ease-in-out infinite}
.nx3-lg-corona path{fill:var(--cy)}
@keyframes nx3Flota{50%{transform:translateY(-4px)}}
.nx3-lg-ped{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:10px;border-radius:12px 12px 0 0;transform-origin:bottom;animation:nx3Crece .9s var(--spring) both;animation-delay:var(--d);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
@keyframes nx3Crece{from{transform:scaleY(0)}to{transform:none}}
.nx3-lg-ped b{font:400 40px/1 var(--fd);color:#fff}
.nx3-lg-ped span{font:800 12px/1 var(--fc);letter-spacing:.08em;color:#fff}
.nx3-lg-p.is-p1 .nx3-lg-ped{height:118px;background:linear-gradient(180deg,rgba(0,212,255,.45),rgba(0,212,255,.08));box-shadow:inset 0 0 0 1px var(--cy),0 0 30px rgba(0,212,255,.3)}
.nx3-lg-p.is-p2 .nx3-lg-ped{height:92px}
.nx3-lg-p.is-p3 .nx3-lg-ped{height:62px}
.nx3-lg-f{display:flex;align-items:center;gap:10px;padding:9px 16px;color:#fff}
.nx3-lg-f>b{width:18px;font:400 24px/1 var(--fd);color:var(--mut)}
.nx3-lg-f>span:not(.gpu-ava){width:96px;flex:none;font:700 14px/1.2 var(--fs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-lg-f>i{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.nx3-lg-f>i>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyd),var(--cy));transform-origin:left;animation:nx3Barra 1s .4s var(--ease) both}
@keyframes nx3Barra{from{transform:scaleX(0)}to{transform:none}}
.nx3-lg-f>em{width:44px;text-align:right;font:800 13px/1 var(--fc);font-style:normal;letter-spacing:.06em;color:var(--t2)}
.nx3-lg-tu{margin:8px 16px 16px;padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;gap:8px;background:rgba(0,212,255,.07);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-lg-tu p{margin:0;display:flex;align-items:center;gap:10px}
.nx3-lg-tu p>b{flex:none;font:400 26px/1 var(--fd);color:var(--cy)}
.nx3-lg-tu p>span{font:600 13px/1.35 var(--fs);color:#fff}
.nx3-lg-tu em{font-style:normal;font-weight:800;color:var(--cy)}
.nx3-lg-pg{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.nx3-lg-pg i{display:block;height:100%;border-radius:99px;background:var(--cy);box-shadow:0 0 10px var(--cy)}
.nx3-lg-xp{display:flex;gap:6px;flex-wrap:wrap}
.nx3-lg-xp span{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:4px;font:800 11px/1 var(--fc);letter-spacing:.06em;color:var(--t);background:var(--inset);box-shadow:inset 0 0 0 1px var(--line2)}
.nx3-lg-xp b{color:var(--cy)}
@media (min-width:1181px){
  .nx3-top,.nx3-liga{margin:0}
}
@media (prefers-reduced-motion:reduce){
  .nx3-t1-art,.nx3-t1-sp .l,.nx3-lg-duelo .gpu-rayo,.nx3-lg-corona,.nx3-lg-ped,.nx3-lg-f>i>i{animation:none!important;stroke-dashoffset:0}
  .nx3-tf-m,.nx3-tf-c{transition:none!important}
}

/* ── Sin escenario (02-10, Sergi: «es redundante con la Quincena»): la Quincena es la cabecera y el Pulso va al lateral ── */
.nx3-mhead{margin-bottom:0;background:linear-gradient(180deg,rgba(5,8,13,.96),rgba(5,8,13,.82))}
.nx3-rail .nx3-pulso{position:relative;inset:auto;width:auto;margin:0 16px;order:0;background:var(--pan);box-shadow:inset 0 0 0 1px var(--cyl)}
@media (min-width:1181px){
  .nx3-mhead{position:static;height:auto;margin:0 0 -14px;padding:0;background:none}
  .nx3-rail .nx3-pulso{margin:0}
}

/* ── Paridad con el Nexo actual (02-10 noche, lienzo «Lo que falta») ───────────────────────────── */
/* Insignias con nombre: vitrina (momentos) y píldoras (filas) */
.nx3-vitrina{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.nx3-vt{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 10px 12px;border-radius:14px;text-align:center;cursor:pointer;
  background:radial-gradient(120% 80% at 50% 0%,rgba(0,212,255,.18),rgba(0,212,255,.02) 70%),#0b121b;box-shadow:inset 0 0 0 1px rgba(0,212,255,.28);
  animation:nx3Up .6s var(--spring) both;animation-delay:calc(var(--i,0) * 110ms);transition:transform .25s var(--spring),box-shadow .25s}
.nx3-vt:hover,.nx3-vt:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--cy),0 0 24px rgba(0,212,255,.25);outline:none}
.nx3-vt img{width:72px;height:72px;clip-path:circle(46% at 50% 50%);filter:drop-shadow(0 8px 20px rgba(0,212,255,.5))}
.nx3-vt b{font:400 22px/1 var(--fd);color:#fff}
.nx3-vt em{font:italic 500 12.5px/1.35 var(--fs);color:var(--t2)}
.nx3-vt.is-mas{justify-content:center;cursor:default;animation:none}
.nx3-vt.is-mas b{font-size:40px;color:var(--cy)}
@keyframes nx3Up{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
.nx3-pis{display:flex;flex-wrap:wrap;gap:6px;padding-left:48px}
.nx3-pi{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 4px;border-radius:999px;cursor:pointer;font:700 13px/1 var(--fs);color:#fff;
  background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.3);transition:background .2s}
.nx3-pi:hover,.nx3-pi:focus-visible{background:rgba(0,212,255,.18);outline:none}
.nx3-pi img{width:28px;height:28px;clip-path:circle(46% at 50% 50%)}
.nx3-pi.is-mas{padding:0 12px;cursor:default;color:var(--cy2)}
.nx3-fila .nx3-ins-l{display:none}
.nx3-ins1{flex-direction:row;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(90deg,rgba(0,212,255,.12),rgba(0,212,255,0) 60%),var(--pan)}
.nx3-ins1-img{flex:none;cursor:pointer}
.nx3-ins1-img img{width:84px;height:84px;clip-path:circle(46% at 50% 50%);filter:drop-shadow(0 8px 22px rgba(0,212,255,.55));transition:transform .3s var(--spring)}
.nx3-ins1-img:hover img{transform:scale(1.08) rotate(-4deg)}
.nx3-ins1-e{font:800 12px/1.2 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--cy2)}
.nx3-ins1-e .nx3-u{color:#fff}
.nx3-ins1-n{font:400 32px/1 var(--fd);color:#fff}
.nx3-ins1 em{font:italic 500 14px/1.4 var(--fs);color:var(--t)}
/* Microeventos */
.nx3-mc-ic{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cyb);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-mc-ic .gpu-rayo{width:17px;height:17px;fill:var(--cy);animation:none}
.nx3-mc-ic.is-g{border-radius:9px;background:var(--cy);color:#0a0a0a;font:900 18px/1 var(--fs);box-shadow:none}
.nx3-line .nx3-u{color:#fff;font-weight:800}
.nx3-line i{font-style:normal;color:var(--cy2);font-weight:700}
/* Busco grupo */
.nx3-pt .gpu-chip.is-live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:nx3Late 1.4s ease-out infinite}
@keyframes nx3Late{50%{opacity:.3}}
.nx3-pt.is-cerrada{opacity:.75}
.nx3-pt-t{font:400 40px/.9 var(--fd);color:#fff}
.nx3-arte-c.is-flat{position:static}
.nx3-pt-b{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nx3-slots{display:flex;gap:8px;align-items:center}
.nx3-slot.is-libre{width:44px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.nx3-slot.is-libre i{width:38px;height:38px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--pan);display:flex;align-items:center;justify-content:center;font:300 22px/1 var(--fs);font-style:normal;color:var(--mut)}
.nx3-pt-n{margin-left:auto;font:800 13px/1 var(--fc);letter-spacing:.06em;color:#fff}
/* Publicación completa */
.nx3-hash{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:var(--cyb);color:var(--cy2);font-weight:700;font-size:.9em;vertical-align:1px;box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-jtag{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--t);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);transition:background .2s}
.nx3-jtag:hover{background:rgba(0,212,255,.08)}
.nx3-jtag img{width:40px;height:54px;border-radius:6px;object-fit:cover;flex:none}
.nx3-jtag>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.nx3-jtag b{font:700 14px/1.25 var(--fs);color:#fff}
.nx3-jtag span span{font:600 12px/1.2 var(--fs);color:var(--t2)}
.nx3-jtag em{margin-left:auto;padding-right:6px;font:800 12px/1 var(--fs);font-style:normal;color:var(--cy)}
.nx3-enl{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--t2);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2);font:600 13px/1.3 var(--fs);overflow:hidden}
.nx3-enl .xg{font-size:20px;color:var(--cy)}
.nx3-enl span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.nx3-enl b{color:#fff}
.nx3-post-img.is-gif{max-height:360px;object-fit:contain;background:#05080d}
.nx3-acts{align-items:center}
.nx3-a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;font:700 13px/1 var(--fs);color:var(--t);
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .2s,box-shadow .2s,color .2s}
.nx3-a:hover{background:rgba(255,255,255,.09)}
.nx3-a .gpu-rayo,.nx3-a .nx3-ic{width:15px;height:15px;animation:none}
.nx3-a .gpu-rayo{fill:none;stroke:currentColor;stroke-width:2}
.nx3-a .nx3-ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.nx3-a .xg{font-size:15px}
.nx3-a.is-on,.nx3-a[aria-pressed="true"]{background:rgba(0,212,255,.16);color:#fff;box-shadow:inset 0 0 0 1px var(--cy),0 0 16px rgba(0,212,255,.3)}
.nx3-a.is-on .gpu-rayo,.nx3-a[aria-pressed="true"] .gpu-rayo{fill:var(--cy);stroke:none}
.nx3-a.is-ico{width:34px;padding:0;justify-content:center;letter-spacing:.05em}
.nx3-sp{flex:1}
.nx3-hilo{display:flex;flex-direction:column;gap:8px;margin:0 -14px -14px;padding:12px 14px 14px;border-top:1px solid var(--line)}
.nx3-hilo1{display:flex;gap:10px;align-items:flex-start}
.nx3-hilo1 p{margin:0;flex:1;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.04);font:500 14px/1.45 var(--fs);color:var(--t);overflow-wrap:anywhere}
.nx3-hilo1 .nx3-u{color:#fff;font-weight:800}
.nx3-hilo-mas{align-self:flex-start;margin-left:38px;border:0;background:none;padding:2px 0;cursor:pointer;font:700 13px/1 var(--fs);color:var(--cy2)}
/* Noticias: Pulso y comentarios */
.nx3-new-acts{display:flex;align-items:center;gap:6px;padding:0 14px 12px}
.nx3-new .nx3-caras{margin-left:auto}
/* Popups: mini perfil e insignia (gp-ui los pinta en un contenedor flotante) */
.nx3-pop{position:fixed;z-index:2147483100;width:300px;border-radius:18px;overflow:hidden;background:var(--pan);color:var(--t);font-family:var(--fs);
  box-shadow:inset 0 0 0 1px var(--cyl),0 24px 50px rgba(0,0,0,.6);opacity:0;transform:translateY(6px) scale(.98);transition:opacity .16s,transform .2s var(--spring);pointer-events:auto}
.nx3-pop.is-on{opacity:1;transform:none}
.nx3-pop-bn{height:64px;background:linear-gradient(120deg,#0a6f8a,#00d4ff 60%,#7ee7ff)}
.nx3-pop-in{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}
.nx3-pop-in .gpu-hex{margin-top:-32px}
.nx3-pop-nm{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.nx3-pop-nm b{font:800 19px/1.2 var(--fs);color:#fff}
.nx3-pop-st{display:flex;gap:16px}
.nx3-pop-st span{display:flex;flex-direction:column;gap:2px;font:700 11px/1 var(--fc);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.nx3-pop-st b{font:400 26px/1 var(--fd);color:#fff;letter-spacing:0}
.nx3-pop-bt{display:flex;gap:8px}
.nx3-pop-bt .gpu-btn{flex:1}
.nx3-pop.is-ins{text-align:center}
.nx3-pop-ins{position:relative;height:160px;display:flex;align-items:center;justify-content:center;background:radial-gradient(closest-side,rgba(0,212,255,.35),rgba(0,212,255,0) 70%)}
.nx3-pop-ins::before{content:"";position:absolute;width:142px;height:142px;border-radius:50%;border:1px solid rgba(0,212,255,.35);border-top-color:var(--cy);animation:nx3Gira 9s linear infinite}
@keyframes nx3Gira{to{transform:rotate(360deg)}}
.nx3-pop-ins img{width:120px;height:120px;clip-path:circle(46% at 50% 50%);filter:drop-shadow(0 10px 30px rgba(0,212,255,.55));animation:nx3Flota 3s ease-in-out infinite}
.nx3-pop.is-ins .nx3-pop-in{align-items:center;padding-top:2px}
.nx3-pop.is-ins b.n{font:400 36px/1 var(--fd);color:#fff}
.nx3-pop.is-ins em{font:italic 500 15px/1.4 var(--fs);color:var(--t)}
.nx3-pop.is-ins p{margin:0;font:500 13.5px/1.45 var(--fs);color:var(--t2)}
.nx3-pop.is-ins p b{color:#fff}
.nx3-pop-load{padding:28px;text-align:center;color:var(--mut);font:600 13px var(--fs)}
/* Menú ··· */
.nx3-menu{position:fixed;z-index:2147483100;width:230px;padding:6px;border-radius:14px;background:#111a24;box-shadow:inset 0 0 0 1px var(--line2),0 24px 50px rgba(0,0,0,.6);display:flex;flex-direction:column}
.nx3-menu button{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border:0;border-radius:9px;background:none;cursor:pointer;text-align:left;font:600 14px/1 var(--fs);color:var(--t)}
.nx3-menu button:hover,.nx3-menu button:focus-visible{background:rgba(255,255,255,.06);outline:none}
.nx3-menu button.is-red{color:var(--red)}
/* Cargar más */
.nx3-mas-feed{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:0;border-radius:14px;cursor:pointer;font:800 14px/1 var(--fs);color:var(--cy2);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-mas-feed[disabled]{cursor:default;opacity:.7}
.nx3-sk{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--pan);box-shadow:inset 0 0 0 1px var(--line)}
.nx3-sk i{display:block;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:nx3Sk 1.3s linear infinite}
@keyframes nx3Sk{to{background-position:-200% 0}}
.nx3-fin-feed{margin:0;text-align:center;font:600 13px/1.4 var(--fs);color:var(--mut)}
/* Campana y buscar en la cabecera */
.nx3-hb{position:relative;flex:none;width:38px;height:38px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.06);color:#fff}
.nx3-hb svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nx3-hb b{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--cy);color:var(--on);font:800 11px/18px var(--fs);text-align:center;box-shadow:0 0 0 2px #05080d}
.nx3-nt{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--t)}
.nx3-nt:last-child{border-bottom:0}
.nx3-nt .gpu-ava{flex:none}
.nx3-nt-x{flex:1;font:500 14px/1.35 var(--fs)}
.nx3-nt-x b{color:#fff}
.nx3-nt-x span{display:block;margin-top:2px;font-size:12px;color:var(--mut)}
.nx3-nt.is-new::after{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 8px var(--cy)}
/* Publicar: herramientas, sugerencias y adjuntos */
.nx3-pub-tools{display:flex;gap:8px}
.nx3-pub-tools button{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:9px 0;border:0;border-radius:12px;cursor:pointer;background:rgba(255,255,255,.04);font:700 11px/1 var(--fc);letter-spacing:.06em;text-transform:uppercase;color:var(--t2)}
.nx3-pub-tools button svg{width:20px;height:20px;fill:none;stroke:var(--cy2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nx3-pub-tools button.is-on{background:rgba(0,212,255,.1);box-shadow:inset 0 0 0 1px var(--cyl);color:#fff}
.nx3-sug{border-radius:12px;background:#111a24;box-shadow:inset 0 0 0 1px var(--line2);padding:6px;display:flex;flex-direction:column}
.nx3-sug button{display:flex;align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:9px;background:none;cursor:pointer;text-align:left;font:700 14px/1.2 var(--fs);color:#fff}
.nx3-sug button:hover,.nx3-sug button.is-on{background:rgba(0,212,255,.1)}
.nx3-sug img{width:28px;height:36px;border-radius:5px;object-fit:cover}
.nx3-sug .gpu-ava img{width:100%;height:100%}
.nx3-adj{position:relative;border-radius:12px;overflow:hidden;max-height:220px}
.nx3-adj img{display:block;width:100%;max-height:220px;object-fit:cover}
.nx3-adj button{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:50%;cursor:pointer;background:rgba(0,0,0,.7);color:#fff;font:600 16px/1 var(--fs)}
.nx3-adj-j{display:flex;align-items:center;gap:8px;align-self:flex-start;height:30px;padding:0 6px 0 4px;border-radius:999px;background:var(--cyb);box-shadow:inset 0 0 0 1px var(--cyl);font:700 13px/1 var(--fs);color:#fff}
.nx3-adj-j img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.nx3-adj-j button{border:0;background:none;color:var(--t2);cursor:pointer;font-size:15px}
.nx3-gifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow-y:auto}
.nx3-gifs button{padding:0;border:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#05080d;aspect-ratio:1}
.nx3-gifs img{width:100%;height:100%;object-fit:cover}
.nx3-pub input[type=search]{width:100%;box-sizing:border-box;height:40px;padding:0 14px;border:0;border-radius:10px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font:500 15px var(--fs)}
@media (prefers-reduced-motion:reduce){
  .nx3-vt,.nx3-pop-ins::before,.nx3-pop-ins img,.nx3-pt .gpu-chip.is-live::before{animation:none!important}
  .nx3-pop,.nx3-vt{transition:none!important}
}
@media (hover:none){.nx3-pop{max-width:calc(100vw - 24px)}}
/* Hilo y reportes */
.nx3-cm-h{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.nx3-cm-h .nx3-u{color:#fff;font-weight:800}
.nx3-cm-a{display:flex;gap:6px;margin-top:6px}
.nx3-a.is-sm{height:28px;padding:0 10px;font-size:12px}
.nx3-rep-o{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);font:600 14px/1.2 var(--fs);color:var(--t);cursor:pointer}
.nx3-rep-o input{accent-color:var(--cy)}
.nx3-hilo-s,.nx3-notis{display:flex;flex-direction:column;gap:12px}
.nx3-pt-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nx3-pt-f label{display:flex;flex-direction:column;gap:4px;font:700 11px/1 var(--fc);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.nx3-pt-f select,.nx3-pt-f input{height:38px;padding:0 10px;border:0;border-radius:10px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font:600 14px var(--fs);color-scheme:dark}
.nx3-slot.is-yo{width:44px;height:44px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cy);display:flex;align-items:center;justify-content:center}
.nx3-slot.is-yo i{font:900 16px/1 var(--fs);font-style:normal;color:var(--on)}
[data-nx3-perfil]{-webkit-touch-callout:none}
.nx3-hb[hidden],.nx3-hb b[hidden]{display:none}
@media (min-width:1181px){.nx3-mhead .nx3-hb{display:flex}}
@media (max-width:767px){
  .nx3-vitrina{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .nx3-vt{padding:10px 4px 9px;gap:5px}
  .nx3-vt img{width:52px;height:52px}
  .nx3-vt b{font-size:16px}
  .nx3-vt em{font-size:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .nx3-ins1{gap:12px;padding:12px 14px;flex-wrap:wrap}
  .nx3-ins1-img img{width:64px;height:64px}
  .nx3-ins1-n{font-size:26px}
}
/* Tablet (768-1180): la Quincena como en PC (ficha a la izquierda, abanico a la derecha) */
@media (min-width:768px) and (max-width:1180px){
  .nx3-q{padding:22px 24px 20px}
  .nx3-q-bg{height:100%;opacity:.32}
  .nx3-q::before{background:linear-gradient(90deg,rgba(11,18,27,.98) 0%,rgba(11,18,27,.88) 40%,rgba(11,18,27,.55) 70%,rgba(11,18,27,.85) 100%),linear-gradient(0deg,rgba(11,18,27,.95) 0%,rgba(11,18,27,0) 45%)}
  .nx3-q-h .gpu-meta{display:inline}
  .nx3-q-in{flex-direction:row;align-items:stretch;gap:26px}
  .nx3-q-info{width:290px;flex:none;justify-content:center;padding:0}
  .nx3-q-cta [data-q-btn]{flex:none}
  .nx3-q-stage{flex:1;justify-content:flex-end;gap:26px}
  .nx3-q-fan{--cw:112px;--ch:150px;height:calc(var(--ch) + 56px)}
}
/* El ticker del Pulso no corta palabras: puntos suspensivos */
.nx3-ticker-in>span{display:block;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* [hidden] manda sobre los display de los componentes (la hoja de publicar enseñaba el busco grupo y la caja de sugerencias vacía) */
.nx3-pub [hidden],.nx3-sug[hidden],.nx3-pt-f[hidden],.nx3-pt-f label[hidden],.nx3-pop [hidden]{display:none!important}

/* ── Iconografía 100 % XboxFluent (02-10, Sergi): GT subset (.xg) + fuente del menú (.xbf, «Xbox Fluent v2») ── */
.xbf{font-family:'Xbox Fluent v2'!important;font-style:normal;font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex:none;speak:never;-webkit-font-smoothing:antialiased}
.nx3-hb .xg{font-size:19px}
.nx3-seo a>.xg,.nx3-seo a>.xbf{font-size:24px;color:var(--cy)}
.nx3-fab .xg{font-size:26px}
.nx3-a .xbf{font-size:16px}
.nx3-a.is-ico .xbf{font-size:17px}
.nx3-pub-tools button .xbf,.nx3-pub-tools button .xg{font-size:21px;color:var(--cy2)}
.nx3-lg-corona{display:flex;align-items:center;justify-content:center;width:30px;height:24px;color:var(--cy)}
.nx3-lg-corona .xg{font-size:26px}
.gpu-sheet-x .xbf{font-size:16px}
/* ── Tarjeta de noticia (lienzo «Tarjeta de noticia», 02-10 noche) ── */
.nx3-nw{padding:0;gap:0;overflow:hidden;transition:box-shadow .25s}
.nx3-nw:hover{box-shadow:inset 0 0 0 1px var(--cyl),0 18px 40px rgba(0,0,0,.35)}
.nx3-nw-top{display:flex;flex-direction:column;gap:0;color:var(--t)}
.nx3-nw-im{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.nx3-nw-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.nx3-nw:hover .nx3-nw-im img{transform:scale(1.05)}
.nx3-nw-src{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:rgba(0,0,0,.72);font:700 11px/1 var(--fs);color:#fff}
.nx3-nw-top>.nx3-tx{padding:14px 14px 4px;gap:9px}
.nx3-nw-m{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nx3-nw-t{font:800 19px/1.25 var(--fs);color:#fff;text-wrap:balance}
.nx3-tldr{display:flex;flex-direction:column;gap:7px;padding:11px 13px;border-radius:12px;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,212,255,.02));box-shadow:inset 0 0 0 1px rgba(0,212,255,.22)}
.nx3-tldr i{font:800 11px/1 var(--fc);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--cy);text-shadow:0 0 12px rgba(0,212,255,.6)}
.nx3-tldr>span{display:flex;gap:8px;font:500 13.5px/1.45 var(--fs);color:var(--t)}
.nx3-tldr>span::before{content:"";flex:none;width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--cy);box-shadow:0 0 8px var(--cy)}
.nx3-nw-b{display:flex;flex-direction:column;gap:10px;padding:12px 14px 4px}
.nx3-nw-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px}
.nx3-nw-leer{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 14px;border-radius:999px;font:800 13px/1 var(--fs);color:var(--on);background:var(--cy)}
.nx3-nw-leer .xg.is-rot{transform:rotate(-90deg);font-size:12px}
.nx3-pc{display:flex;align-items:center;min-width:0}
.nx3-pc img,.nx3-pc i{flex:none;width:28px;height:28px;margin-left:-8px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--pan);background:#1b2633;display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--fs);font-style:normal;color:var(--cy2)}
.nx3-pc img:first-child,.nx3-pc i:first-child{margin-left:0}
.nx3-pc img.is-yo{box-shadow:0 0 0 2px var(--cy),0 0 12px rgba(0,212,255,.7);animation:nx3Entra .45s var(--spring)}
@keyframes nx3Entra{from{transform:scale(0) translateY(6px);opacity:0}to{transform:none;opacity:1}}
.nx3-pc em{margin-left:9px;font:600 12.5px/1.25 var(--fs);font-style:normal;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-pc em b{color:#fff}
.nx3-pc[hidden]{display:none!important}
.nx3-nw-cm{display:flex;gap:10px;align-items:flex-start;padding:0 14px 14px}
.nx3-nw-cm p{margin:0;flex:1;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.04);font:500 14px/1.45 var(--fs);color:var(--t);overflow-wrap:anywhere}
.nx3-nw-cm .nx3-u{color:#fff;font-weight:800}
.nx3-nw-cmz{display:inline-flex;align-items:center;gap:3px;margin-left:4px;font:800 11px/1 var(--fc);color:var(--cy2)}
.nx3-nw-cmz .gpu-rayo{width:11px;height:11px;fill:var(--cy);animation:none}
.nx3-nw.is-gorda{box-shadow:inset 0 0 0 1px var(--cyl),0 0 40px rgba(0,212,255,.08)}
.nx3-nw.is-gorda .nx3-arte-t{font-size:clamp(30px,8vw,50px)}
.gpu-chip.is-dark{background:rgba(0,0,0,.6);color:#fff;box-shadow:none}
.nx3-new-acts{display:none}
@media (min-width:768px){
  .nx3-nw-top{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;padding:16px 16px 4px}
  .nx3-nw-im{aspect-ratio:16/10;border-radius:12px}
  .nx3-nw-top>.nx3-tx{padding:0}
  .nx3-nw-t{font-size:22px}
  .nx3-nw-bar{padding:12px 16px;border-top:1px solid var(--line);margin-top:10px}
  .nx3-nw-cm{padding:0 16px 14px}
  .nx3-nw-b{padding:14px 16px 0}
}
@media (max-width:767px){.nx3-pc{flex-basis:100%;order:9;margin-top:2px}}
@media (prefers-reduced-motion:reduce){.nx3-pc img.is-yo{animation:none}.nx3-nw-im img{transition:none}}

/* ── Publicar (lienzo «Publicar», 02-10 noche): dos modos, herramientas dentro de la caja, busco grupo con botones ── */
.nx3-pb{display:flex;flex-direction:column;gap:14px}
.nx3-pb [hidden]{display:none!important}
.nx3-pb-hd{display:flex;align-items:center;gap:12px;padding-right:44px}
.nx3-pb-hx{width:42px;height:42px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#00d4ff,#7ee7ff);display:flex;align-items:center;justify-content:center}
.nx3-pb-hx img,.nx3-pb-hx span{width:37px;height:37px;object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--pan2);display:flex;align-items:center;justify-content:center;font:800 16px/1 var(--fs);color:#fff}
.nx3-pb-who{display:flex;flex-direction:column;gap:4px}
.nx3-pb-who b{font:800 15px/1 var(--fs);color:#fff}
.nx3-pb-aud{align-self:flex-start;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:800 11px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--cy2);background:var(--cyb);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-pb-seg{display:flex;padding:4px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2)}
.nx3-pb-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:10px;background:none;cursor:pointer;font:800 14px/1 var(--fs);color:var(--t2);transition:background .2s,color .2s}
.nx3-pb-seg button .xg,.nx3-pb-seg button .xbf{font-size:17px}
.nx3-pb-seg button.is-on{background:var(--cy);color:var(--on);box-shadow:0 0 18px rgba(0,212,255,.35)}
.nx3-pb-p{display:flex;flex-direction:column;gap:14px}
.nx3-pb-box{position:relative;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .2s}
.nx3-pb-box:focus-within{box-shadow:inset 0 0 0 1px var(--cy),0 0 0 4px rgba(0,212,255,.12)}
.nx3-pb-box textarea{display:block;width:100%;box-sizing:border-box;min-height:120px;padding:14px 16px 6px;border:0;background:none;resize:vertical;color:#fff;font:500 17px/1.5 var(--fs);outline:none;box-shadow:none}
.nx3-pb-box.is-sm textarea{min-height:58px;font-size:15px;padding-bottom:12px}
.nx3-pb-box .nx3-sug{position:absolute;left:12px;top:56px;z-index:3;width:min(280px,calc(100% - 24px))}
.nx3-pb-tb{display:flex;align-items:center;gap:4px;padding:4px 8px 8px}
.nx3-pb-tb button{width:38px;height:38px;border:0;border-radius:10px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cy2)}
.nx3-pb-tb button .xbf,.nx3-pb-tb button .xg{font-size:20px}
.nx3-pb-tb button:hover,.nx3-pb-tb button.is-on{background:rgba(0,212,255,.12)}
.nx3-pb-ring{width:30px;height:30px;margin-left:auto}
.nx3-pb-ring circle{fill:none;stroke-width:3;stroke:rgba(255,255,255,.1)}
.nx3-pb-ring circle[data-ring]{stroke:var(--cy);stroke-dasharray:75.4;stroke-dashoffset:75.4;stroke-linecap:round;transition:stroke-dashoffset .2s}
.nx3-pb-ring circle[data-ring].is-casi{stroke:#fff}
.nx3-pb-g{display:flex;flex-direction:column;gap:7px;min-width:0}
.nx3-pb-lab{font:800 11px/1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.nx3-pb-ideas{display:flex;flex-wrap:wrap;gap:8px}
.nx3-pb-ideas button{height:32px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;font:600 13px/1 var(--fs);color:var(--t);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2)}
.nx3-pb-ideas button:hover{background:rgba(0,212,255,.1)}
.nx3-pb-adj{display:flex;flex-direction:column;gap:10px}
.nx3-pb-adj:empty{display:none}
.nx3-pb-adj .nx3-adj button{display:flex;align-items:center;justify-content:center}
.nx3-pb-jt{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px var(--cyl)}
.nx3-pb-jt img{width:38px;height:51px;border-radius:6px;object-fit:cover}
.nx3-pb-jt>span{display:flex;flex-direction:column;gap:3px;flex:1}
.nx3-pb-jt b{font:700 14px/1.2 var(--fs);color:#fff}
.nx3-pb-jt span span{font:600 12px/1 var(--fs);color:var(--t2)}
.nx3-pb-jt button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.3);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center}
.nx3-pb input[type=search],.nx3-pb input[type=datetime-local]{width:100%;box-sizing:border-box;height:42px;padding:0 14px;border:0;border-radius:12px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font:500 15px var(--fs);color-scheme:dark}
.nx3-pb-row{display:flex;gap:18px;flex-wrap:wrap}
.nx3-pills{display:flex;gap:6px;flex-wrap:wrap}
.nx3-pill{height:36px;padding:0 14px;border:0;border-radius:999px;cursor:pointer;font:700 14px/1 var(--fs);color:var(--t);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);transition:background .2s,box-shadow .2s}
.nx3-pill.is-on{background:rgba(0,212,255,.16);color:#fff;box-shadow:inset 0 0 0 1.5px var(--cy)}
.nx3-pb-sl{display:flex;gap:8px}
.nx3-pb-hex{width:42px;height:42px;border:0;cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.12);color:var(--mut);font:800 13px/1 var(--fs);transition:background .2s,transform .2s var(--spring)}
.nx3-pb-hex.is-on{background:var(--cy);color:var(--on)}
.nx3-pb-hex:hover{transform:scale(1.08)}
.nx3-pb-gpick{position:relative;height:150px;border-radius:16px;overflow:hidden;isolation:isolate}
.nx3-pb-gpick .bg{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(18px) saturate(1.3);opacity:.6;z-index:-2}
.nx3-pb-gpick::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,21,30,.95),rgba(14,21,30,.35))}
.nx3-pb-gpick .cv{position:absolute;right:16px;top:14px;width:90px;height:122px;border-radius:10px;object-fit:cover;box-shadow:0 14px 30px rgba(0,0,0,.6)}
.nx3-pb-gpick .in{position:absolute;left:16px;top:16px;bottom:16px;right:120px;display:flex;flex-direction:column;gap:8px}
.nx3-pb-gpick em{font:800 11px/1 var(--fc);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--cy2)}
.nx3-pb-gpick b{font:400 36px/.92 var(--fd);color:#fff;text-wrap:balance}
.nx3-pb-gpick button{position:absolute;left:16px;bottom:14px;height:30px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;background:rgba(0,0,0,.6);color:#fff;font:700 12px/1 var(--fs)}
.nx3-pb-prev{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line2)}
.nx3-pb-prev img{width:40px;height:54px;border-radius:6px;object-fit:cover;flex:none}
.nx3-pb-prev .tx{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.nx3-pb-prev .tx .gpu-chip{align-self:flex-start}
.nx3-pb-prev b{font:700 14px/1.3 var(--fs);color:#fff}
.nx3-pb-mini{display:flex;gap:4px}
.nx3-pb-mini i{width:26px;height:26px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font:800 11px/1 var(--fs);font-style:normal;color:var(--mut)}
.nx3-pb-mini i.is-on{background:var(--cy);color:var(--on)}
.nx3-pb-ft{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 0 2px;border-top:1px solid var(--line);background:var(--pan)}
.nx3-pb-hint{flex:1;font:600 12px/1.35 var(--fs);color:var(--mut)}
.nx3-pb-ft .gpu-btn[disabled]{background:rgba(255,255,255,.08);color:var(--mut);box-shadow:none;cursor:default}
@media (max-width:420px){.nx3-pb-row{flex-direction:column;gap:14px}}

/* Noticia: el resumen va a todo el ancho bajo imagen y titular; cada punto, 3 líneas como mucho */
.nx3-nw-top>.nx3-tldr{margin:10px 14px 0}
.nx3-tldr>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;padding-left:14px}
.nx3-tldr>span::before{position:absolute;left:0;top:0}
@media (min-width:768px){
  .nx3-nw-top>.nx3-tldr{grid-column:1/-1;margin:2px 0 0}
  .nx3-nw-top{align-items:center}
  .nx3-nw-t{font-size:24px}
}

/* ── Noticia variante A «lateral» (Sergi, 02-10): imagen a todo el alto, conversación integrada, sin «Pulso 0» ── */
.nx3-pz.is-cero{color:var(--cy2);background:rgba(0,212,255,.08);box-shadow:inset 0 0 0 1px rgba(0,212,255,.4)}
.nx3-pz.is-cero [data-n]{display:none}
.nx3-nw.is-a{display:flex;flex-direction:column;padding:0;gap:0}
.nx3-nw-im{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.nx3-nw-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.nx3-nw:hover .nx3-nw-im img{transform:scale(1.05)}
.nx3-nw-im::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,21,30,0) 60%,var(--pan))}
.nx3-nw-im .nx3-nw-src{z-index:1}
.nx3-nw-bd{display:flex;flex-direction:column;gap:11px;padding:4px 14px 14px;min-width:0}
.nx3-nw.is-gorda .nx3-nw-bd{padding:12px 14px 14px}
.nx3-nw-t{font:800 19px/1.25 var(--fs);color:#fff;text-wrap:balance}
.nx3-nw-t:hover{color:var(--cy2)}
.nx3-nw.is-a .nx3-nw-bar,.nx3-nw.is-gorda .nx3-nw-bar{padding:0;border-top:0;margin-top:0}
.nx3-nw-conv{display:flex;align-items:center;gap:10px;padding-top:11px;border-top:1px solid var(--line);min-width:0}
.nx3-nw-conv .gpu-ava{box-shadow:0 0 0 2px rgba(0,212,255,.6)}
.nx3-nw-conv p{flex:1;min-width:0;margin:0;font:500 13.5px/1.4 var(--fs);color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx3-nw-conv .nx3-u{color:#fff;font-weight:800}
.nx3-nw-conv button{flex:none;display:inline-flex;align-items:center;gap:4px;border:0;background:none;cursor:pointer;padding:4px 0;font:800 11px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.nx3-nw-conv button:hover{color:var(--cy2)}
.nx3-nw-conv .xg.is-rot{transform:rotate(-90deg);font-size:10px}
.nx3-nw.is-a .nx3-tldr>span{-webkit-line-clamp:3}
@media (min-width:768px){
  .nx3-nw.is-a{display:grid;grid-template-columns:minmax(240px,34%) 1fr}
  .nx3-nw.is-a .nx3-nw-im{aspect-ratio:auto;min-height:100%}
  .nx3-nw.is-a .nx3-nw-im::after{background:linear-gradient(90deg,rgba(14,21,30,0) 70%,var(--pan))}
  .nx3-nw.is-a .nx3-nw-bd{padding:18px 20px 16px 10px}
  .nx3-nw-t{font-size:22px}
}