/* ============================================================
   estadisticas.css — CSS específico de la ficha de jugador.
   Solo lo que no vive en rincon.css. Cero style inline (salvo
   valores dinámicos ya aceptados: alturas de barra, posiciones
   de zona de tiro las resuelve este archivo por clase).
   ============================================================ */

/* ---------- Leyenda de gráficas: swatches positivo / negativo ---------- */
.chart-legend .swatch--up { height: 10px; border-radius: 2px; background: var(--up); }
.chart-legend .swatch--down { height: 10px; border-radius: 2px; background: var(--down); }

/* ---------- CARTA DE TIRO + AVANZADAS ----------
   Patrón portado de equipo.css: cancha doble de fondo con zonas
   posicionadas en % (mismos valores que el sitio clásico). */
.shot-adv {
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--sp-5); align-items: start;
}
.shot-card { overflow: hidden; }
.shot-court {
  position: relative; width: 100%; padding-top: 60%;
  background: url("/smgr/images/cancha_doble.png") no-repeat center top;
  background-size: 100%;
}
.ct-zone {
  position: absolute; transform: translate(-50%, -50%);
  display: flex; flex-direction: column; align-items: center;
  min-width: 40px; padding: 3px 7px; border-radius: 10px;
  background: #9E1B28; color: #fff; border: 2px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
  font-variant-numeric: tabular-nums; line-height: 1.1;
}
.ct-zone--triple { background: #012C3F; }
.ct-zone__ratio { font-size: 10.5px; font-weight: 500; opacity: .92; }
.ct-zone__pct { font-family: var(--score); font-size: 13px; font-weight: 700; }
.ct-zone--p1  { top: 10%; left: 90%; }
.ct-zone--p2  { top: 23%; left: 70%; }
.ct-zone--p3  { top: 48%; left: 63%; }
.ct-zone--p4  { top: 73%; left: 70%; }
.ct-zone--p5  { top: 86%; left: 90%; }
.ct-zone--p6  { top: 48%; left: 45%; }
.ct-zone--p7  { top: 25%; left: 90%; }
.ct-zone--p8  { top: 30%; left: 80%; }
.ct-zone--p9  { top: 48%; left: 75%; }
.ct-zone--p10 { top: 65%; left: 80%; }
.ct-zone--p11 { top: 71%; left: 90%; }
.ct-zone--p12 { top: 48%; left: 90%; }
.ct-zone--t1  { top: 48%; left: 20%; }
.ct-zone--t2  { top: 48%; left: 5%; }
.ct-zone--t3  { top: 48%; left: 32%; }

.adv-scroll { max-height: 560px; overflow-y: auto; scrollbar-width: thin; }
.adv-table td:first-child { color: var(--muted); font-weight: 500; }
.adv-table td.up { color: var(--up); font-weight: 700; }
.adv-table td.down { color: var(--down); font-weight: 700; }
.adv-table--3 tr.adv-row-sep { border-bottom: 2px solid var(--line); }

/* En móvil la carta y la tabla avanzada se apilan */
@media (max-width: 900px) {
  .shot-adv { grid-template-columns: 1fr; }
}

/* ============================================================
   Broker (stat-card): helper "qué necesita el próximo partido"
   Tres umbrales de SM (−15% / equilibrio / +15%) + barra con el
   marcador en la media actual y veredicto de tendencia.
   ============================================================ */
.broker-need { margin-top: 10px; }
.broker-need__cap {
  font-size: 10px; font-weight: 600; text-transform: uppercase;
  letter-spacing: .06em; color: var(--muted); margin-bottom: 5px;
}
.broker-need__nums {
  display: flex; justify-content: space-between; align-items: baseline;
  font-size: 12px; font-variant-numeric: tabular-nums; gap: 4px;
}
.broker-need__num { font-weight: 700; white-space: nowrap; }
.broker-need__num.down { color: var(--down); }
.broker-need__num.flat { color: var(--muted); font-weight: 600; }
.broker-need__num.up { color: var(--up); }
.broker-need__bar {
  position: relative; height: 6px; margin: 7px 0 4px; border-radius: 3px;
  background: linear-gradient(to right,
    var(--down) 0%, #E9B04A 50%, var(--up) 100%);
}
.broker-need__mid {
  position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
  width: 1px; height: 10px; background: rgba(19,28,46,.35);
}
.broker-need__marker {
  position: absolute; top: 50%; transform: translate(-50%, -50%);
  width: 13px; height: 13px; border-radius: 50%;
  background: var(--surface); border: 2.5px solid var(--ink);
  box-shadow: 0 1px 3px rgba(19,28,46,.35);
}
.broker-need__verdict {
  font-size: 11.5px; color: var(--muted); margin-top: 5px; line-height: 1.4;
}
.broker-need__verdict strong { font-variant-numeric: tabular-nums; }

/* Enlace al simulador de broker desde la tarjeta de broker: en la ficha solo se
   ve la próxima jornada, y en el simulador se pueden encadenar varias. */
.broker-need__link { margin: 6px 0 0; font-size: 12.5px; }
.broker-need__link a { font-weight: 600; color: var(--accent-deep); }