/* ============================================================
   ESTADÍSTICAS POR JUEGO — estilos propios de esta página
   Hereda colores y tipografías de estilos.css
   ============================================================ */

.cabecera-est{
  position:relative;overflow:hidden;
  padding:calc(72px + clamp(46px,6vw,80px)) 0 clamp(34px,4vw,54px);
  background:
    radial-gradient(90% 120% at 50% -10%,rgba(18,97,166,.36),transparent 62%),
    linear-gradient(180deg,#0C2242,var(--tinta));
  text-align:center;
}
.cabecera-est__manchas{
  position:absolute;left:0;right:0;bottom:0;height:60%;z-index:0;pointer-events:none;
  background:url("../img/marca/textura-manchas.png") center bottom/cover no-repeat;
  opacity:.13;
  -webkit-mask-image:linear-gradient(to top,#000,transparent 88%);
  mask-image:linear-gradient(to top,#000,transparent 88%);
}
.cabecera-est .wrap{position:relative;z-index:2}

/* ---------- Selector de juegos ---------- */
.selector{padding-block:clamp(26px,3.4vw,40px)}
.selector__fila{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-bottom:22px}
.tab-mes,.btn-temp{
  border:1px solid var(--linea);background:rgba(14,37,68,.55);color:rgba(233,239,246,.62);
  padding:10px 22px;border-radius:100px;
  font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  transition:background .25s,border-color .25s,color .25s;
}
.tab-mes:hover,.btn-temp:hover{border-color:var(--linea-oro);color:#fff}
.tab-mes[aria-pressed="true"]{background:var(--oro);border-color:var(--oro);color:var(--tinta)}
.btn-temp[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.selector__sep{width:1px;height:22px;background:var(--linea);margin:0 4px}

.fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
.ficha{
  display:grid;gap:6px;text-align:left;padding:15px 16px;
  border:1px solid var(--linea);border-left:3px solid var(--linea);border-radius:12px;
  background:linear-gradient(150deg,rgba(20,48,86,.5),rgba(10,23,42,.7));
  transition:transform .25s,border-color .25s,background .25s;
}
.ficha:hover{transform:translateY(-4px);border-color:var(--linea-oro)}
.ficha__n{font-size:.53rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(233,239,246,.42);line-height:1.3}
.ficha__dia{font-family:var(--numeros);font-weight:400;font-size:1.05rem;color:var(--oro)}
.ficha__rival{font-size:.75rem;color:rgba(233,239,246,.66);line-height:1.3}
.ficha__estado{
  font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(233,239,246,.4);margin-top:2px;
}
.ficha--gano{border-left-color:#7BD88F}
.ficha--gano .ficha__estado{color:#7BD88F}
.ficha--perdio{border-left-color:#E88A8A}
.ficha--perdio .ficha__estado{color:#E88A8A}
.ficha--activa{
  border-color:var(--oro);border-left-color:var(--oro);
  background:linear-gradient(150deg,rgba(164,115,45,.32),rgba(10,23,42,.75));
}

/* ---------- Marcador ---------- */
.mrc{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,4vw,48px);
  border:1px solid var(--linea);border-radius:18px;
  background:linear-gradient(160deg,rgba(20,48,86,.72),rgba(9,20,36,.9));
  padding:clamp(24px,3.4vw,40px) clamp(18px,3vw,42px);
}
.mrc__lado{display:grid;justify-items:center;gap:13px;text-align:center}
.mrc__escudo{
  width:clamp(62px,9vw,104px);height:clamp(62px,9vw,104px);border-radius:16px;
  display:grid;place-items:center;background:rgba(8,17,31,.45);border:1px solid var(--linea-oro);overflow:hidden;
}
.mrc__escudo:empty{border-style:dashed;border-color:rgba(242,202,128,.22)}
.mrc__escudo img{width:100%;height:100%;object-fit:contain;padding:9px}
.mrc__nom{font-family:var(--display);font-weight:800;font-size:clamp(.86rem,1.7vw,1.12rem);text-transform:uppercase;line-height:1.22;max-width:15ch}
.mrc__centro{display:grid;justify-items:center;gap:7px;text-align:center}
.mrc__pts{
  font-family:var(--numeros);font-weight:400;
  font-size:clamp(2.2rem,6vw,4rem);line-height:1;color:#FFD98F;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(242,202,128,.45);
}
.mrc__pts i{font-style:normal;color:rgba(242,202,128,.4);padding:0 .12em}
.mrc__vs{
  font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,3vw,2rem);color:var(--oro);
  border:1px solid var(--linea-oro);border-radius:100px;padding:10px 26px;background:rgba(8,17,31,.45);
}
.mrc__meta{font-size:.76rem;color:rgba(233,239,246,.55);line-height:1.45}
.resultado{
  margin-top:6px;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:6px 16px;border-radius:100px;
}
.resultado--gano{background:rgba(123,216,143,.16);color:#7BD88F;border:1px solid rgba(123,216,143,.4)}
.resultado--perdio{background:rgba(232,138,138,.14);color:#E88A8A;border:1px solid rgba(232,138,138,.36)}
@media(max-width:640px){
  .mrc{grid-template-columns:1fr 1fr;gap:20px}
  .mrc__centro{grid-column:1/-1;order:-1}
}

/* ---------- Líderes del juego ---------- */
.lideres-juego{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:12px;margin-top:clamp(20px,2.6vw,30px)}
.lider{
  display:flex;align-items:center;gap:15px;padding:16px 18px;
  border:1px solid var(--linea);border-radius:14px;
  background:linear-gradient(150deg,rgba(20,48,86,.5),rgba(10,23,42,.72));
  transition:border-color .3s,transform .3s;
}
.lider:hover{border-color:var(--linea-oro);transform:translateY(-3px)}
.lider__foto{
  width:58px;height:58px;flex:none;border-radius:12px;overflow:hidden;
  background:#0A1B33;border:1px solid var(--linea);display:grid;place-items:center;
}
.lider__foto img{width:100%;height:100%;object-fit:cover;object-position:top center}
.lider__etiqueta{display:block;font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--oro)}
.lider__cifra{display:block;font-family:var(--numeros);font-weight:400;font-size:1.7rem;line-height:1.1;font-variant-numeric:tabular-nums}
.lider__nombre{display:block;font-size:.76rem;color:rgba(233,239,246,.6)}
.lider__nombre b{color:var(--oro);font-weight:700}

/* ---------- Tabla ---------- */
.tabla-caja{
  overflow-x:auto;border:1px solid var(--linea);border-radius:16px;
  background:rgba(11,26,47,.5);margin-top:clamp(24px,3vw,36px);
}
table.box{width:100%;border-collapse:collapse;min-width:760px}
table.box thead th{
  position:sticky;top:0;z-index:2;
  background:#0D2544;color:var(--oro);
  font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:15px 12px;text-align:center;white-space:nowrap;border-bottom:1px solid var(--linea);
}
table.box th.col-jug,table.box td.col-jug{text-align:left;padding-left:20px;position:sticky;left:0;z-index:1}
table.box th.col-jug{background:#0D2544;z-index:3}
table.box td.col-jug{background:#0B1A2F}
table.box th.ordenable{cursor:pointer;user-select:none}
table.box th.ordenable:hover{color:#fff}
table.box th[aria-sort="descending"]::after{content:" ▼";font-size:.55em}
table.box th[aria-sort="ascending"]::after{content:" ▲";font-size:.55em}
table.box tbody td{padding:12px;text-align:center;font-size:.88rem;border-bottom:1px solid rgba(46,127,196,.14);font-variant-numeric:tabular-nums}
table.box tbody tr:hover td{background:rgba(18,97,166,.12)}
table.box tbody tr:hover td.col-jug{background:rgba(18,97,166,.2)}
table.box td.destaca{color:var(--oro);font-weight:700}
table.box td.tenue{color:rgba(233,239,246,.45);font-size:.8rem}
table.box tfoot td{
  padding:15px 12px;text-align:center;font-size:.86rem;font-weight:700;
  background:rgba(14,37,68,.85);border-top:1px solid var(--linea-oro);font-variant-numeric:tabular-nums;
}
table.box tfoot td.col-jug{
  text-align:left;padding-left:20px;background:rgba(14,37,68,.95);
  font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oro);
}
.jug{display:flex;align-items:center;gap:12px;white-space:nowrap}
.jug__foto{width:40px;height:40px;flex:none;border-radius:9px;overflow:hidden;background:#0A1B33;border:1px solid var(--linea)}
.jug__foto img{width:100%;height:100%;object-fit:cover;object-position:top center}
.jug__txt{display:grid;gap:3px;line-height:1.15}
.jug__txt b{font-size:.88rem;font-weight:600}
.jug__txt i{font-style:normal;font-size:.66rem;color:rgba(233,239,246,.42)}
.pie-tabla{font-size:.75rem;color:rgba(233,239,246,.42);margin-top:14px;text-align:center}

/* ---------- Estado vacío ---------- */
.vacio{
  display:grid;justify-items:center;gap:12px;text-align:center;
  border:1px dashed rgba(242,202,128,.24);border-radius:16px;
  padding:clamp(40px,6vw,72px) 24px;margin-top:clamp(24px,3vw,36px);
}
.vacio svg{width:40px;height:40px;color:var(--oro);opacity:.6}
.vacio h3{font-family:var(--display);font-weight:800;font-size:1.15rem}
.vacio p{font-size:.88rem;color:rgba(233,239,246,.5);margin:0;max-width:42ch}


/* ============================================================
   LÍDERES DE LA TEMPORADA
   ============================================================ */
.resumen-temp{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--linea);border:1px solid var(--linea);border-radius:16px;overflow:hidden;
  margin-bottom:clamp(18px,2.4vw,28px);
}
.resumen-temp div{background:#0B1A2F;padding:22px 18px;text-align:center}
.resumen-temp b{
  display:block;font-family:var(--numeros);font-weight:400;
  font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1;color:var(--oro);
  font-variant-numeric:tabular-nums;
}
.resumen-temp span{
  display:block;margin-top:9px;font-size:.56rem;font-weight:700;
  letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;
  color:rgba(233,239,246,.45);line-height:1.4;
}

.lideres-temp{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));
  gap:clamp(12px,1.6vw,18px);margin-bottom:clamp(22px,3vw,34px);
}
.lt{
  border:1px solid var(--linea);border-radius:16px;padding:20px;
  background:linear-gradient(160deg,rgba(20,48,86,.55),rgba(10,23,42,.82));
  transition:border-color .3s,transform .3s;
}
.lt:hover{border-color:var(--linea-oro);transform:translateY(-4px)}
.lt__cat{
  font-size:.58rem;font-weight:700;letter-spacing:.18em;text-indent:.18em;
  text-transform:uppercase;color:var(--oro);margin:0 0 14px;
}
.lt__cat b{color:rgba(233,239,246,.42);font-weight:700}
.lt__jefe{display:flex;align-items:center;gap:14px}
.lt__foto{
  width:62px;height:62px;flex:none;border-radius:12px;overflow:hidden;
  background:#0A1B33;border:1px solid var(--linea);display:block;
}
.lt__foto img{width:100%;height:100%;object-fit:cover;object-position:top center}
.lt__cifra{
  display:block;font-family:var(--numeros);font-weight:400;
  font-size:1.9rem;line-height:1;color:#fff;font-variant-numeric:tabular-nums;
}
.lt__nombre{display:block;margin-top:6px;font-family:var(--display);font-weight:800;font-size:.82rem;text-transform:uppercase;line-height:1.2}
.lt__dorsal{display:block;margin-top:4px;font-size:.66rem;color:rgba(233,239,246,.42)}

.lt__resto{
  list-style:none;margin:16px 0 0;padding:14px 0 0;display:grid;gap:8px;
  border-top:1px solid rgba(46,127,196,.2);
}
.lt__resto li{display:flex;align-items:center;gap:10px;font-size:.78rem}
.lt__pos{
  width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:rgba(46,127,196,.25);font-family:var(--numeros);font-size:.62rem;color:rgba(233,239,246,.6);
}
.lt__nom{flex:1;color:rgba(233,239,246,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt__val{font-family:var(--numeros);color:var(--oro);font-variant-numeric:tabular-nums}