/* Tabla de estadísticas por jugador: la usan la ficha de partido (boxscore) y la ficha de
   jugador (partido a partido). Vive aquí y no dentro de una página porque son las dos, y dos
   copias del mismo CSS acaban convirtiéndose en dos CSS distintos. */
.pt-boxtabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px;}
.pt-bt{font:inherit;font-size:11.5px;font-weight:800;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;}
.pt-bt.on{background:var(--g);border-color:var(--g);color:#fff;}
.pt-boxpanel{display:none;}
.pt-boxpanel.on{display:block;}
.pt-boxteam + .pt-boxteam{margin-top:18px;}
.pt-boxteam{border:1px solid var(--line);border-radius:13px;background:var(--card);overflow:hidden;}
.pt-boxh{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line);
  background:var(--line-soft);font-size:12.5px;font-weight:800;letter-spacing:.03em;color:var(--ink);}
.pt-boxh img{width:20px;height:20px;object-fit:contain;flex:0 0 auto;}
/* Con muchas columnas la tabla se desborda: que ruede AQUÍ dentro, no la página entera.
   Por eso la tabla es max-content — con width:100% el contenedor nunca tendría desbordamiento
   que capturar y el scroll se lo llevaría el cuerpo, perdiendo de vista al jugador. */
.pt-boxscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.pt-box{width:max-content;min-width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums;}
/* Globo de ayuda propio: el title nativo sólo aparece al PASAR el ratón y en táctil no
   aparece nunca, así que el cursor de ayuda prometía algo que al pulsar no pasaba. */
.pt-ayuda{position:fixed;z-index:90;max-width:270px;background:#0b2e1c;color:#fff;font-size:12.5px;
  line-height:1.45;padding:9px 12px;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.3);}
.pt-ayuda[hidden]{display:none;}
table.pt-box th[title]{cursor:help;text-decoration:underline dotted rgba(0,0,0,.22);text-underline-offset:3px;}
table.pt-box th{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
  padding:9px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;background:var(--card);}
table.pt-box td{padding:0 8px;height:38px;border-bottom:1px solid rgba(0,0,0,.045);text-align:right;white-space:nowrap;background:var(--card);}
table.pt-box tbody tr:last-child td{border-bottom:0;}
/* Columna del jugador: fija a la izquierda, con una sombra fina que marca el corte al desplazar. */
table.pt-box th.n,table.pt-box td.n{position:sticky;left:0;z-index:1;text-align:left;padding-left:12px;
  box-shadow:1px 0 0 rgba(0,0,0,.07);}
table.pt-box .pl{display:flex;align-items:center;gap:8px;}
table.pt-box .dn{width:21px;height:21px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;
  justify-content:center;font-size:9.5px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;}
table.pt-box .dn.d-X{background:var(--muted);}
table.pt-box .av{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:top center;
  flex:0 0 auto;background:var(--line-soft);}
table.pt-box .nb{font-weight:600;color:var(--ink);}
table.pt-box td.z{color:var(--muted);opacity:.4;}
table.pt-box td i{font-style:normal;color:var(--muted);font-weight:400;}
table.pt-box td.nota{font-weight:800;color:var(--ink);}
/* Franjas alternas: hay que repetirlas en la celda fija o se vería blanca sobre la franja. */
table.pt-box tbody tr:nth-child(even) td{background:#fafbfa;}
table.pt-box tbody tr:hover td{background:#eef4f0;}
table.pt-box tr.sep td{height:26px;background:var(--line-soft);font-size:9.5px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;color:var(--muted);text-align:left;}
/* En pantallas estrechas la foto se va: entre dorsal, cara y nombre, la columna fija se comía
   media pantalla y no quedaba sitio para los datos, que es lo que se viene a mirar. */
@media(max-width:520px){table.pt-box .av{display:none;}table.pt-box .nb{max-width:118px;overflow:hidden;text-overflow:ellipsis;}}


/* --- partido a partido, en la ficha de jugador --- */
table.pt-temp td.d,table.pt-temp th.d{width:42px;text-align:left;font-variant-numeric:tabular-nums;}
span.pt-temp-p{cursor:default;}
.pt-temp-p{display:flex;align-items:center;gap:7px;text-decoration:none;color:inherit;}
.pt-temp-p .cs{font-style:normal;font-size:10px;font-weight:800;color:var(--muted);width:16px;}
.pt-temp-p .av2{width:20px;height:20px;object-fit:contain;flex:0 0 auto;}
.pt-temp-p .nb{font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pt-temp-p .rs{font-variant-numeric:tabular-nums;font-weight:800;font-size:11.5px;padding:1px 6px;border-radius:5px;
  background:var(--line-soft);color:var(--muted);}
.pt-temp-p .rs.g{background:#dcf0e3;color:#166534;}
.pt-temp-p .rs.e{background:#f0efe4;color:#7a6a2f;}
.pt-temp-p .rs.p{background:#f7e2e2;color:#a01323;}
.pt-temp-p:hover .nb{color:var(--g);text-decoration:underline;}
table.pt-temp tr.tot td{font-weight:800;border-top:2px solid rgba(0,0,0,.14);border-bottom:0;background:var(--line-soft);}

/* --- selector de temporada (ficha de jugador) --- */
.pt-temps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;}
.pt-tp{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:12px;font-weight:800;
  padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);
  font-variant-numeric:tabular-nums;}
.pt-tp i{font-style:normal;font-size:10px;font-weight:700;color:var(--muted);}
.pt-tp:hover{border-color:var(--g);color:var(--g);}
/* Relleno oscuro, no verde: el verde ya distingue la pestaña activa de la tabla y dos rellenos
   verdes en dos filas seguidas de pastillas se leen como el mismo control. */
.pt-tp.on{background:var(--g-deep);border-color:var(--g-deep);color:#fff;}
.pt-tp.on i{color:rgba(255,255,255,.6);}