/* /juegos/ — mismas variables del sitio que /eventos/. */
.jg{max-width:1100px;margin:0 auto;padding:clamp(18px,3vw,36px) var(--h2-gutter) 90px}
.jg-hd{margin:clamp(22px,4vw,44px) 0 26px}
.jg-hd h1{margin:0;font:800 clamp(2.2rem,6vw,4.4rem)/1.02 var(--h2-display);letter-spacing:-.04em}
.jg-hd p{margin:14px 0 0;max-width:66ch;color:var(--h2-mute);font:500 clamp(1rem,1.5vw,1.2rem)/1.5 var(--h2-body)}
.jg .jg-foto{color:var(--h2-mute);font:600 .85rem var(--h2-body);margin:12px 0 0}
.jg a{color:var(--h2-cyan);overflow-wrap:anywhere}
.jg-tabla{display:grid;margin-top:8px}
.jg-fila{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 120px 76px;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:inherit;text-decoration:none;transition:background .12s}
.jg a.jg-fila{color:inherit}
a.jg-fila:hover,a.jg-fila:focus-visible{background:rgba(255,255,255,.05)}
.jg-cab{color:var(--h2-mute);font:700 .78rem var(--h2-body);text-transform:uppercase;letter-spacing:.06em;border-bottom-color:rgba(255,255,255,.22)}
.jg-fila .n{text-align:right;font-variant-numeric:tabular-nums}
.jg-puesto{font:800 1.1rem var(--h2-display);color:var(--h2-mute);text-align:center}
.jg-juego{display:flex;align-items:center;gap:14px;min-width:0}
.jg-juego img{flex:none;width:120px;height:56px;object-fit:cover;border-radius:6px;background:rgba(255,255,255,.06)}
.jg-juego b{font:700 1.02rem/1.25 var(--h2-body);overflow-wrap:anywhere}
.jg-ahora{font:800 1.05rem var(--h2-body)}
.jg-pico{color:var(--h2-mute);font:500 .98rem var(--h2-body)}
.jg-cambio{font:700 .9rem var(--h2-body)}
.jg-cambio em{font-style:normal}
.jg-sube{color:#3ddc97}.jg-baja{color:#ff6b81}.jg-nuevo{color:var(--h2-cyan)}.jg-nada{color:var(--h2-mute)}
@media (max-width:720px){
  .jg-cab{display:none}
  .jg-fila{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"p j j" "p a c";gap:6px 10px;padding:12px 4px}
  .jg-puesto{grid-area:p;align-self:start;padding-top:6px;font-size:1rem}
  .jg-juego{grid-area:j;gap:10px}
  .jg-juego img{width:88px;height:41px}
  .jg-juego b{font-size:.98rem}
  .jg-ahora{grid-area:a;text-align:left!important;font-size:.95rem}
  .jg-ahora::after{content:" jugando";font-weight:500;color:var(--h2-mute);font-size:.85rem}
  .jg-pico{display:none}
  .jg-cambio{grid-area:c}
}
.jg-migas{margin-top:8px;font:600 .9rem var(--h2-body)}
.jg-migas a{text-decoration:none}
.jg-portada{display:block;width:100%;max-width:460px;height:auto;border-radius:12px;margin:0 0 22px}
.jg-numeros{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;max-width:640px}
.jg-numeros li{padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;display:grid;gap:2px}
.jg-numeros b{font:800 clamp(1.15rem,3.4vw,1.7rem) var(--h2-display);font-variant-numeric:tabular-nums}
.jg-numeros span{color:var(--h2-mute);font:500 .85rem var(--h2-body)}
.jg-datos{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:24px 0;font:500 1.05rem var(--h2-body)}
.jg-datos dt{color:var(--h2-mute)}.jg-datos dd{margin:0}
.jg a.jg-btn{display:inline-block;padding:12px 20px;border:1px solid currentColor;border-radius:10px;font:700 1rem var(--h2-body);text-decoration:none}
.jg-pie{margin-top:40px;color:var(--h2-mute);font:500 .9rem/1.6 var(--h2-body)}
.jg-pie p{margin:0 0 6px}