/* GamePass.es — Noticias Desktop V2
   Nexo Desktop is the golden master. This file only styles the Noticias
   interior and fixes shell integration. Mobile/tablet remains legacy Noticias. */

@media (min-width:1181px){
  .gp-news-nexo-shell{
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
  }

  .gp-news-nexo-shell > .n-shell[data-shell]{
    display:flex!important;
    width:100%!important;
    max-width:1920px!important;
    height:100vh!important;
    min-height:0!important;
    margin:0 auto!important;
    grid-template-columns:none!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:#020c13!important;
    box-shadow:none!important;
    align-items:stretch!important;
  }

  .gp-news-nexo-shell .n-side-legacy{display:none!important}

  /* Golden-master shell: do NOT clip the unified hero. The scroll viewport is
     the child below it, exactly as in Nexo. */
  .gp-news-nexo-shell main.n-main{
    position:relative!important;
    isolation:isolate!important;
    z-index:2!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:100vh!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    background:linear-gradient(180deg,#03101a,#020b12 72%,#02090f)!important;
    border-left:1px solid rgba(0,217,255,.11)!important;
    border-right:0!important;
  }

  .gp-news-nexo-shell main.n-main > .n-news-scroll[data-scroll]{
    position:relative!important;
    z-index:1!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 28px 96px 20px!important;
    scrollbar-width:none!important;
    scrollbar-color:transparent transparent!important;
  }
  .gp-news-nexo-shell main.n-main > .n-news-scroll[data-scroll]::-webkit-scrollbar{
    width:0!important;
    height:0!important;
  }

  .gp-news-nexo-shell .n-news-interior{
    width:100%!important;
    max-width:900px!important;
    margin:0 auto!important;
    padding-top:18px!important;
  }

  /* ── Section identity ───────────────────────────────────────────── */
  .gp-news-nexo-shell .n-section-intro{
    position:relative;
    display:flex;
    align-items:flex-end;
    gap:13px;
    min-height:48px;
    margin:0 0 10px;
    padding:0 0 12px 17px;
    border-bottom:1px solid rgba(0,217,255,.12);
  }
  .gp-news-nexo-shell .n-section-intro:before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:4px;
    height:31px;
    border-radius:4px;
    background:linear-gradient(180deg,#8bf000,#25f0ce 52%,#00d9ff);
    box-shadow:0 0 13px rgba(0,217,255,.46);
  }
  .gp-news-nexo-shell .n-section-intro h1{
    margin:0;
    color:#f3f8fb;
    font:400 30px/.94 'Bebas Neue',sans-serif;
    letter-spacing:.055em;
    text-shadow:0 2px 12px rgba(0,0,0,.7);
  }
  .gp-news-nexo-shell .n-section-intro p{
    margin:0 0 2px;
    color:#7f9aaa;
    font:600 10.7px/1.25 Barlow,Inter,sans-serif;
  }

  /* Old page header remains a Mobile fallback only. */
  .gp-news-nexo-shell .n-topbar{display:none!important}

  /* ── Live ticker ───────────────────────────────────────────────── */
  .gp-news-nexo-shell .n-ticker{
    min-height:34px;
    margin:0 0 12px!important;
    border:1px solid rgba(35,142,178,.24)!important;
    border-radius:8px;
    background:
      linear-gradient(90deg,rgba(0,217,255,.055),rgba(5,27,39,.86) 38%,rgba(4,20,30,.92))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  }
  .gp-news-nexo-shell .n-ticker-label{
    padding:0 13px 0 14px;
    color:#54e9ff;
    background:linear-gradient(90deg,#062332 76%,rgba(6,35,50,.06));
    font:800 9px Barlow Condensed,sans-serif;
    letter-spacing:.12em;
  }
  .gp-news-nexo-shell .n-ticker-dot{width:5px;height:5px}
  .gp-news-nexo-shell .n-ticker-track{padding:8px 0 8px 105px}
  .gp-news-nexo-shell .n-ticker-item{
    gap:7px;
    padding:0 16px;
    color:#90a8b7;
    font:500 10.7px Inter,sans-serif;
  }
  .gp-news-nexo-shell .n-ticker-cat{
    font:800 7.8px Barlow,sans-serif;
    letter-spacing:.055em;
  }

  /* ── Filters ───────────────────────────────────────────────────── */
  .gp-news-nexo-shell .n-chip-row{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 14px!important;
    gap:7px!important;
  }
  .gp-news-nexo-shell .n-chip{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    padding:0 13px!important;
    border-radius:7px!important;
    border:1px solid color-mix(in srgb,var(--chip-color) 34%,rgba(35,142,178,.20))!important;
    background:linear-gradient(180deg,rgba(10,37,51,.86),rgba(5,25,36,.88))!important;
    color:color-mix(in srgb,var(--chip-color) 88%,#dffaff)!important;
    font:700 10.8px Barlow,sans-serif!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
  }
  .gp-news-nexo-shell .n-chip:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--chip-color) 64%,transparent)!important;
    background:color-mix(in srgb,var(--chip-color) 10%,#06202e)!important;
  }
  .gp-news-nexo-shell .n-chip.is-active{
    color:#00202a!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--chip-color) 88%,#fff),var(--chip-color))!important;
    border-color:var(--chip-color)!important;
    box-shadow:0 0 15px color-mix(in srgb,var(--chip-color) 24%,transparent)!important;
  }

  /* ── Editorial lead ────────────────────────────────────────────── */
  .gp-news-nexo-shell .n-featured{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.68fr) minmax(250px,.92fr)!important;
    gap:12px!important;
    margin:0 0 18px!important;
    padding:0!important;
  }
  .gp-news-nexo-shell .n-featured-hero,
  .gp-news-nexo-shell .n-secondary-card{
    border:1px solid rgba(39,143,181,.34)!important;
    background:linear-gradient(180deg,rgba(8,35,49,.96),rgba(5,24,35,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 14px 30px rgba(0,0,0,.16);
  }
  .gp-news-nexo-shell .n-featured-hero{
    border-radius:11px!important;
    overflow:hidden;
  }
  .gp-news-nexo-shell .n-featured-media{
    height:250px!important;
    border-bottom:1px solid rgba(0,217,255,.10);
    background:#061720;
  }
  .gp-news-nexo-shell .n-featured-media img,
  .gp-news-nexo-shell .n-secondary-thumb img,
  .gp-news-nexo-shell .n-gamepass-media img,
  .gp-news-nexo-shell .n-list-thumb img{
    transition:transform .26s ease,filter .26s ease;
  }
  .gp-news-nexo-shell .n-featured-hero:hover .n-featured-media img{
    transform:scale(1.018);
    filter:saturate(1.05) contrast(1.02);
  }
  .gp-news-nexo-shell .n-featured-media:after{
    background:
      linear-gradient(180deg,rgba(2,12,18,.02) 35%,rgba(2,13,20,.18) 62%,rgba(3,20,29,.88) 100%)!important;
  }
  .gp-news-nexo-shell .n-featured-cat{
    top:11px!important;
    left:11px!important;
    min-height:24px;
    padding:0 9px!important;
    border-radius:6px!important;
    background:color-mix(in srgb,var(--cat-color) 16%,rgba(2,18,27,.92))!important;
    border-color:color-mix(in srgb,var(--cat-color) 55%,transparent)!important;
    font:800 8.5px Barlow,sans-serif!important;
    backdrop-filter:blur(9px);
  }
  .gp-news-nexo-shell .n-featured-hot{
    top:11px!important;
    right:11px!important;
    border-radius:6px!important;
    font-size:8.5px!important;
  }
  .gp-news-nexo-shell .n-featured-body{
    padding:15px 16px 14px!important;
  }
  .gp-news-nexo-shell .n-featured-body h2{
    margin:0 0 7px!important;
    font:800 24px/1.08 Barlow,sans-serif!important;
    letter-spacing:-.025em!important;
  }
  .gp-news-nexo-shell .n-featured-body h2 a{color:#f2f7fa!important}
  .gp-news-nexo-shell .n-featured-body h2 a:hover{color:#c8f7ff!important}
  .gp-news-nexo-shell .n-featured-body p{
    margin:0 0 11px!important;
    color:#9fb6c3!important;
    font:500 12.2px/1.48 Inter,sans-serif!important;
  }
  .gp-news-nexo-shell .n-featured-foot{
    gap:7px!important;
    padding-top:1px;
  }
  .gp-news-nexo-shell .n-featured-author{
    color:#d4e2e8!important;
    font:700 9.8px Barlow,sans-serif!important;
  }
  .gp-news-nexo-shell .n-featured-stamp{
    color:#7894a3!important;
    font:600 8.9px Barlow Condensed,sans-serif!important;
  }
  .gp-news-nexo-shell .n-featured-comments{color:#8199a7!important}

  .gp-news-nexo-shell .n-featured-side{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-width:0;
  }
  .gp-news-nexo-shell .n-secondary-card{
    flex:1 1 0;
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    gap:0!important;
    min-height:0;
    padding:0!important;
    border-radius:10px!important;
    overflow:hidden;
  }
  .gp-news-nexo-shell .n-secondary-card:hover{
    border-color:rgba(0,217,255,.42)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);
  }
  .gp-news-nexo-shell .n-secondary-thumb{
    width:116px!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    background:#061720;
  }
  .gp-news-nexo-shell .n-secondary-card:hover .n-secondary-thumb img{transform:scale(1.035)}
  .gp-news-nexo-shell .n-secondary-copy{
    padding:12px 12px 10px!important;
  }
  .gp-news-nexo-shell .n-secondary-meta{
    margin-bottom:6px!important;
    color:#7893a2!important;
    font:700 8.3px Barlow Condensed,sans-serif!important;
    letter-spacing:.045em!important;
  }
  .gp-news-nexo-shell .n-secondary-copy strong{
    color:#edf5f8!important;
    font:750 13.2px/1.24 Barlow,sans-serif!important;
    letter-spacing:-.01em;
  }
  .gp-news-nexo-shell .n-secondary-foot{
    margin-top:9px!important;
    color:#7892a0!important;
    font:600 8.9px Barlow,sans-serif!important;
  }

  /* Community/comment strip: Nexo-like signal, not legacy grey box. */
  .gp-news-nexo-shell .n-top-comment{
    border:1px solid rgba(0,217,255,.10)!important;
    border-left:2px solid rgba(0,217,255,.42)!important;
    border-radius:7px!important;
    background:linear-gradient(90deg,rgba(0,217,255,.055),rgba(255,255,255,.012))!important;
  }
  .gp-news-nexo-shell .n-top-comment--empty{
    border-color:rgba(255,201,77,.11)!important;
    border-left-color:rgba(255,201,77,.52)!important;
    background:linear-gradient(90deg,rgba(255,201,77,.055),rgba(255,255,255,.01))!important;
  }

  /* ── Game Pass editorial module ───────────────────────────────── */
  .gp-news-nexo-shell .n-gamepass{
    width:100%!important;
    max-width:none!important;
    margin:0 0 20px!important;
    padding:13px 13px 14px!important;
    border:1px solid rgba(39,143,181,.34)!important;
    border-radius:11px!important;
    background:
      radial-gradient(circle at 8% 0,rgba(0,217,255,.075),transparent 32%),
      linear-gradient(180deg,rgba(8,36,51,.92),rgba(5,24,35,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.024);
  }
  .gp-news-nexo-shell .n-gamepass-head{margin-bottom:11px!important}
  .gp-news-nexo-shell .n-gamepass-icon{
    width:27px!important;
    height:27px!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,#28ebff,#00cde9)!important;
    box-shadow:0 0 13px rgba(0,217,255,.18);
  }
  .gp-news-nexo-shell .n-gamepass-title h3{
    color:#f3f8fb!important;
    font:800 14px/1 Barlow Condensed,sans-serif!important;
    letter-spacing:.055em!important;
  }
  .gp-news-nexo-shell .n-gamepass-title small{
    color:#75a8ba!important;
    font:700 8.2px Barlow Condensed,sans-serif!important;
    letter-spacing:.10em!important;
  }
  .gp-news-nexo-shell .n-gamepass-link{
    color:#54e9ff!important;
    font:800 9px Barlow,sans-serif!important;
  }
  .gp-news-nexo-shell .n-gamepass-grid{gap:9px!important}
  .gp-news-nexo-shell .n-gamepass-card{
    border:1px solid rgba(0,217,255,.10);
    border-radius:9px!important;
    background:linear-gradient(180deg,#082331,#061a25)!important;
    box-shadow:0 9px 20px rgba(0,0,0,.16);
  }
  .gp-news-nexo-shell .n-gamepass-card:hover{
    border-color:rgba(0,217,255,.34);
    transform:translateY(-1px);
  }
  .gp-news-nexo-shell .n-gamepass-media{height:112px!important}
  .gp-news-nexo-shell .n-gamepass-card:hover .n-gamepass-media img{transform:scale(1.03)}
  .gp-news-nexo-shell .n-gamepass-copy{padding:9px 9px 10px!important}
  .gp-news-nexo-shell .n-gamepass-copy strong{
    min-height:31px!important;
    color:#eaf4f7!important;
    font:700 11.5px/1.28 Barlow,sans-serif!important;
  }
  .gp-news-nexo-shell .n-gamepass-copy small{
    color:#7692a1!important;
    font:600 8.6px Barlow Condensed,sans-serif!important;
  }

  /* ── Latest list ───────────────────────────────────────────────── */
  .gp-news-nexo-shell .n-list-head{
    width:100%!important;
    max-width:none!important;
    margin:0 0 8px!important;
    padding:0!important;
    gap:10px!important;
  }
  .gp-news-nexo-shell .n-list-head h3{
    color:#f3f8fb!important;
    font:800 15px/1 Barlow Condensed,sans-serif!important;
    letter-spacing:.07em!important;
  }
  .gp-news-nexo-shell .n-list-rule{
    background:linear-gradient(90deg,rgba(0,217,255,.20),rgba(0,217,255,.03))!important;
  }
  .gp-news-nexo-shell .n-sort span{
    color:#708b9a!important;
    font:700 8.2px Barlow Condensed,sans-serif!important;
  }
  .gp-news-nexo-shell .n-sort-chip{
    min-height:25px;
    display:inline-flex;
    align-items:center;
    padding:0 9px!important;
    border-radius:6px!important;
    border-color:rgba(39,143,181,.26)!important;
    background:rgba(8,34,47,.70);
    color:#8fcfe0!important;
    font:700 9px Barlow,sans-serif!important;
  }
  .gp-news-nexo-shell .n-sort-chip.is-active{
    color:#00202a!important;
    background:#00d9ff!important;
    border-color:#00d9ff!important;
  }
  .gp-news-nexo-shell .n-list{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .gp-news-nexo-shell .n-list-row{
    gap:13px!important;
    margin:0 0 8px!important;
    padding:10px!important;
    border:1px solid rgba(39,143,181,.22)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(7,31,44,.88),rgba(5,24,34,.92))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    transition:transform .15s ease,border-color .15s ease,background .15s ease;
  }
  .gp-news-nexo-shell .n-list-row:hover{
    transform:translateY(-1px);
    border-color:rgba(0,217,255,.34)!important;
    background:linear-gradient(180deg,rgba(8,37,52,.94),rgba(5,27,39,.96))!important;
  }
  .gp-news-nexo-shell .n-list-thumb{
    width:154px!important;
    height:100px!important;
    border-radius:8px!important;
    background:#061720;
  }
  .gp-news-nexo-shell .n-list-row:hover .n-list-thumb img{transform:scale(1.025)}
  .gp-news-nexo-shell .n-list-meta{
    margin-bottom:4px!important;
    color:#718e9e!important;
    font:700 8.3px Barlow Condensed,sans-serif!important;
  }
  .gp-news-nexo-shell .n-list-body h4{
    margin:0 0 4px!important;
    font:750 15px/1.22 Barlow,sans-serif!important;
    letter-spacing:-.01em;
  }
  .gp-news-nexo-shell .n-list-body h4 a{color:#edf5f8!important}
  .gp-news-nexo-shell .n-list-body p{
    margin:0 0 6px!important;
    color:#8ea8b6!important;
    font:500 11.2px/1.42 Inter,sans-serif!important;
  }
  .gp-news-nexo-shell .n-list-foot{gap:6px!important}
  .gp-news-nexo-shell .n-list-author{
    color:#bcd0d9!important;
    font:650 8.9px Inter,sans-serif!important;
  }
  .gp-news-nexo-shell .n-list-tag{
    min-height:16px!important;
    padding:1px 6px!important;
    border-radius:5px!important;
    background:rgba(0,217,255,.055)!important;
    color:#82cfe0!important;
    font:700 8.2px Barlow,sans-serif!important;
  }
  .gp-news-nexo-shell .n-pulse-duel{
    min-height:26px!important;
    border-radius:7px!important;
    background:rgba(3,19,28,.72)!important;
    border-color:rgba(0,217,255,.10)!important;
  }

  .gp-news-nexo-shell .n-pagination{
    width:100%!important;
    max-width:none!important;
    padding:18px 0 4px!important;
  }
  .gp-news-nexo-shell .n-page-btn{
    min-width:32px!important;
    height:32px!important;
    border-radius:7px!important;
    background:#08202d!important;
    border-color:rgba(39,143,181,.26)!important;
    color:#9ab6c3!important;
  }
  .gp-news-nexo-shell .n-page-btn.is-active{
    background:#00d9ff!important;
    border-color:#00d9ff!important;
    color:#00202a!important;
  }

  /* ── Right rail: exact Nexo container grammar ─────────────────── */
  .gp-news-nexo-shell aside.nxm-rail.n-rail{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;
  }
  .gp-news-nexo-shell aside.nxm-rail.n-rail::-webkit-scrollbar{display:none!important}
  .gp-news-nexo-shell aside.nxm-rail .n-widget{
    margin:0!important;
    padding:12px 13px!important;
    border:1px solid rgba(39,143,181,.38)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,rgba(10,42,60,.94),rgba(6,29,42,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .gp-news-nexo-shell aside.nxm-rail .n-widget h2,
  .gp-news-nexo-shell aside.nxm-rail .n-gp-head h2{
    color:#f5f9fb!important;
    font:800 14px/1 Barlow Condensed,sans-serif!important;
    letter-spacing:.055em!important;
  }
  .gp-news-nexo-shell aside.nxm-rail .n-widget-head,
  .gp-news-nexo-shell aside.nxm-rail .n-gp-head{margin-bottom:8px!important}
  .gp-news-nexo-shell aside.nxm-rail .n-widget-head small,
  .gp-news-nexo-shell aside.nxm-rail .n-gp-head small{
    color:#7891a1!important;
    font:600 8.5px Barlow Condensed,sans-serif!important;
  }
  .gp-news-nexo-shell aside.nxm-rail .n-gp-head a{
    color:#00d9ff!important;
    font:800 9px Barlow,sans-serif!important;
  }
  .gp-news-nexo-shell aside.nxm-rail .n-widget--split{
    border-color:rgba(255,99,116,.18)!important;
  }
  .gp-news-nexo-shell aside.nxm-rail .n-widget--telegram{
    border-color:rgba(0,217,255,.22)!important;
  }
}

/* Match the golden master's responsive Desktop geometry. */
@media (min-width:1321px) and (max-width:1500px){
  .gp-news-nexo-shell .n-news-interior{max-width:850px!important}
  .gp-news-nexo-shell .n-featured{grid-template-columns:minmax(0,1.62fr) minmax(238px,.9fr)!important}
  .gp-news-nexo-shell .n-secondary-card{grid-template-columns:104px minmax(0,1fr)!important}
  .gp-news-nexo-shell .n-secondary-thumb{width:104px!important}
}

@media (min-width:1181px) and (max-width:1320px){
  .gp-news-nexo-shell .n-news-interior{max-width:790px!important}
  .gp-news-nexo-shell .n-featured{grid-template-columns:1fr!important}
  .gp-news-nexo-shell .n-featured-side{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .gp-news-nexo-shell .n-secondary-card{min-height:118px}
  .gp-news-nexo-shell .n-gamepass-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* HARD GUARD: below the Desktop breakpoint the shell redesign is inert. */
@media (max-width:1180px){
  .gp-news-nexo-shell > .n-shell[data-shell] > .nxm-sidebar,
  .gp-news-nexo-shell .nxm-shell-hero,
  .gp-news-nexo-shell #nx-search-overlay,
  .gp-news-nexo-shell #nx-ambient-sides{
    display:none!important;
  }

  .gp-news-nexo-shell .n-section-intro{display:none!important}
  .gp-news-nexo-shell .n-news-scroll,
  .gp-news-nexo-shell .n-news-interior{display:contents!important}

  .gp-news-nexo-shell > .n-shell[data-shell]{
    width:min(1480px,100vw)!important;
    min-height:100vh!important;
    height:auto!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:256px minmax(0,880px) 344px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#0a0e16!important;
    box-shadow:0 40px 90px -30px rgba(0,0,0,.8)!important;
  }
}
@media (max-width:1024px){
  .gp-news-nexo-shell > .n-shell[data-shell]{
    width:calc(100vw - 16px)!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
    height:auto!important;
    max-height:none!important;
  }
}
@media (max-width:767px){
  .gp-news-nexo-shell > .n-shell[data-shell]{
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}