/* Páginas pilar /juegos-game-pass (25-10, O-20261025-10). Lienzo «El Nexo 3» → Pro-Pilares (plantilla de lista).
   Mismo armazón que /juegos; paleta cian + blanco + oscuro. Tabla en escritorio, una fila por juego en móvil. */
/* Armazón: el mismo trato que /juegos (gametracker-v2.css), aquí con .pl-page. */
.pl-page{overflow-x:clip}
html:has(.pl-page),body:has(.pl-page){overflow-x:clip}
.pl-page .n-news-interior.pl{max-width:1180px!important}
@media (min-width:1181px){.pl-page main.n-main>header.nxm-shell-hero{--nx3-unified-rail-w:0px!important}}
@media (max-width:1180px){
  .pl-page.n-page{padding:0!important;margin:0!important;max-width:none!important}
  .pl-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}
  .pl-page .n-main,.pl-page .n-news-scroll{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;display:block!important}
  .pl-page .nxm-sidebar,.pl-page .nxs-overlay,.pl-page .nxm-shell-hero,.pl-page #nx-ambient-sides,.pl-page #nx-search-overlay{display:none!important}
  .pl-page .n-news-interior.pl{display:flex!important;margin:0!important;max-width:none!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important}
}
.pl{display:flex;flex-direction:column;gap:18px;padding:24px 32px 48px;box-sizing:border-box;max-width:1180px;color:#dfe7ef;font-family:Barlow,sans-serif}
.pl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pl-migas{font:600 13px/1.2 Barlow,sans-serif;color:#7a899a}.pl-migas a{color:#aab6c3;text-decoration:none}.pl-migas a:hover{color:#fff}.pl-migas span{color:#dfe7ef}
.pl-head{display:flex;flex-direction:column;gap:10px}
.pl-eye{font:800 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7ee7ff}
.pl-h1{margin:0;font:400 52px/.95 "Bebas Neue",sans-serif;color:#fff;letter-spacing:.01em}
.pl-dek{margin:0;max-width:780px;font:500 16px/1.5 Barlow,sans-serif;color:#aab6c3}
.pl-tabs{display:flex;gap:6px;flex-wrap:wrap}
.pl-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:800 14px/1 Barlow,sans-serif;color:#dfe7ef;text-decoration:none;box-sizing:border-box}
.pl-tab i{font-style:normal;font-weight:700;color:#7a899a;font-size:12.5px}
.pl-tab:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.pl-tab.is-on{background:#00d4ff;color:#03131a;box-shadow:none}.pl-tab.is-on i{color:#03313d}
.pl-tab:focus-visible,.pl-f:focus-visible,.pl-ap:focus-visible,.pl-mas:focus-visible,.pl-fbtn:focus-visible{outline:2px solid #7ee7ff;outline-offset:2px}
.pl-inc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;border-radius:16px;background:radial-gradient(300px 120px at 100% 0%,rgba(0,212,255,.12),transparent 70%),#0b121a;box-shadow:inset 0 0 0 1px rgba(0,212,255,.22)}
.pl-inc b{font:400 30px/1 "Bebas Neue",sans-serif;color:#fff;margin-right:6px}.pl-inc b small{font:700 13px/1 Barlow,sans-serif;color:#aab6c3;margin-left:2px}
.pl-inc span{font:700 13.5px/1.2 Barlow,sans-serif}.pl-inc .is-si{color:#dfe7ef}.pl-inc .is-no{color:#5d6b7a}
.pl-inc a{margin-left:auto;font:800 13.5px/1 Barlow,sans-serif;color:#7ee7ff;text-decoration:none}.pl-inc a:hover{text-decoration:underline}
.pl-fil{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pl-srch{flex:1 1 260px;display:flex}
.pl-srch input{width:100%;height:44px;box-sizing:border-box;border:0;border-radius:14px;background:#0d151f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:0 14px;font:600 14px/1 Barlow,sans-serif;color:#fff}
.pl-srch input::placeholder{color:#7a899a}.pl-srch input:focus{outline:2px solid #7ee7ff;outline-offset:1px}
.pl-fbtn{display:none}
.pl-fz{display:contents}
.pl-f{height:36px;padding:0 13px;border:0;border-radius:18px;background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:700 13px/1 Barlow,sans-serif;color:#dfe7ef;cursor:pointer}
.pl-f span{color:#7a899a;font-weight:700}
.pl-f[aria-pressed="true"]{background:rgba(0,212,255,.16);box-shadow:inset 0 0 0 1.5px #00d4ff;color:#fff}.pl-f[aria-pressed="true"] span{color:#7ee7ff}
.pl-sel select{height:36px;padding:0 10px;border:0;border-radius:10px;background:#0d151f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:700 13px/1 Barlow,sans-serif;color:#dfe7ef}
.pl-upd{margin:0;font:600 13px/1.3 Barlow,sans-serif;color:#7a899a}.pl-upd b{color:#dfe7ef}
.pl-t{width:100%;border-collapse:collapse;font:600 14px/1.3 Barlow,sans-serif;color:#dfe7ef}
.pl-t th{text-align:left;font:800 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a899a;padding:0 10px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.pl-t td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;white-space:nowrap}
.pl-t tr[hidden]{display:none}
.pl-j a{display:flex;align-items:center;gap:12px;white-space:normal;text-decoration:none;color:inherit}
.pl-j img{width:40px;height:53px;object-fit:cover;border-radius:6px;flex:none;background:#0d151f}
.pl-j span{display:flex;flex-direction:column;gap:3px;min-width:0}
.pl-j b{font:700 15px/1.2 Barlow,sans-serif;color:#fff}.pl-j a:hover b{color:#7ee7ff}
.pl-g{font:600 12px/1.3 Barlow,sans-serif;color:#7a899a}
.pl-mv,.pl-sv{display:none}
.pl-mut{color:#5d6b7a}.pl-w{color:#ffb35c;font-weight:700}
.pl-nota{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,212,255,.12);color:#7ee7ff;font:800 13px/1 Barlow,sans-serif}
.pl-ps{white-space:nowrap}
.pl-p{font-style:normal;display:inline-block;height:22px;padding:0 7px;margin-right:4px;border-radius:6px;font:700 11px/22px Barlow,sans-serif;color:#4c5866;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pl-p.is-on{color:#dfe7ef;background:rgba(255,255,255,.07)}
.pl-b{text-align:right}
.pl-ap{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:rgba(0,212,255,.12);box-shadow:inset 0 0 0 1px rgba(0,212,255,.35);font:800 13px/1 Barlow,sans-serif;color:#7ee7ff;text-decoration:none;cursor:pointer;position:relative}
.pl-ap::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.pl-ap:hover{background:rgba(0,212,255,.2)}
.pl-ap.is-on{background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#aab6c3}
.pl-ap.is-busy{opacity:.5;pointer-events:none}
.pl-ap.is-pop{animation:pl-pop .32s cubic-bezier(.2,.8,.2,1)}
@keyframes pl-pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}100%{transform:none}}
.pl-ap-ic{display:none}
.pl-vacio{margin:0;padding:18px;border-radius:14px;background:rgba(255,255,255,.03);font:600 14px/1.4 Barlow,sans-serif;color:#aab6c3}
.pl-mas{align-self:center;min-height:44px;padding:0 22px;border:0;border-radius:14px;background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font:800 14px/1 Barlow,sans-serif;color:#fff;cursor:pointer}
.pl-mas:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.pl-faq{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.pl-h2{margin:0;font:400 30px/1 "Bebas Neue",sans-serif;color:#fff;letter-spacing:.01em}
.pl-faq-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pl-faq-g div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.pl-faq-g h3{margin:0 0 6px;font:700 15px/1.3 Barlow,sans-serif;color:#fff}.pl-faq-g p{margin:0;font:500 13.5px/1.45 Barlow,sans-serif;color:#aab6c3}
.pl .gp-ls{max-width:520px}
.pl-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:14px;background:#0f1a25;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,212,255,.3);font:700 14px/1.35 Barlow,sans-serif;color:#fff}
@media (max-width:1180px){
  .pl{padding:16px 16px 96px;gap:14px}
  .pl-h1{font-size:40px}
  .pl-dek{font-size:14.5px}
  .pl-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  .pl-tabs::-webkit-scrollbar{display:none}
  .pl-tab{flex:none}
  .pl-inc a{margin-left:0}
  .pl-srch{flex-basis:100%}
  .pl-fbtn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;text-align:left;cursor:pointer;font:inherit}
  .pl-fbtn b{font:800 14px/1 Barlow,sans-serif}
  .pl-fbtn small{flex:1;min-width:0;font:600 12.5px/1.2 Barlow,sans-serif;color:#aab6c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pl-fbtn span{color:#7ee7ff;transition:transform .2s}
  .pl-fil.is-fil-on .pl-fbtn span{transform:rotate(180deg)}
  .pl-fz{display:none}
  .pl-fil.is-fil-on .pl-fz{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .pl-f{height:44px;border-radius:22px;padding:0 15px;font-size:14px}
  .pl-sel select{height:44px}
  .pl-t thead{display:none}
  .pl-t,.pl-t tbody{display:block}
  .pl-t tr{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .pl-t td{padding:0;border:0}
  .pl-t td.pl-c{display:none}
  .pl-j{flex:1;min-width:0}
  .pl-j img{width:46px;height:61px;border-radius:7px}
  .pl-g{display:none}
  .pl-mv{display:block;font:600 12.5px/1.35 Barlow,sans-serif;color:#8a98a8}
  .pl-sv{display:inline-block;align-self:flex-start;font-style:normal;height:22px;padding:0 8px;border-radius:11px;background:rgba(255,179,92,.14);color:#ffb35c;font:800 11.5px/22px Barlow,sans-serif}
  .pl-ap{width:44px;height:44px;padding:0;border-radius:14px;font-size:22px}
  .pl-ap-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pl-ap-ic{display:inline}
  .pl-faq-g{grid-template-columns:1fr}
  .pl .gp-ls{max-width:none}
  .pl-toast{bottom:84px}
}
@media (prefers-reduced-motion:reduce){.pl-ap.is-pop{animation:none}.pl-fbtn span{transition:none}}

.pl.is-cargando .pl-t{opacity:.55;transition:opacity .2s}
