/* =====================================================================
   PICHANGUEO · Estilos compartidos de páginas PÚBLICAS (liga, equipo, jugador)
   Paleta índigo del sistema. Se carga junto con Bootstrap + MDI (CDN).
   ===================================================================== */
/* PICHANGUEO: los tokens --sk-* ya NO se redeclaran aquí. Antes esta línea
   pisaba los valores de squadflow-theme.css (Neon Indigo) porque publico.css
   se carga después. Ahora los hereda del theme. */
body { background:var(--sk-tint,#0a0e27); color:var(--sk-text,#fff); }

.pub-hero { background:linear-gradient(135deg,#26215C 0%, #534AB7 100%); color:#fff; }
.pub-logo { width:88px;height:88px;border-radius:18px;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.6); }

.pub-card { border:0;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.35);background:var(--sk-surface,#131740);color:var(--sk-text,#fff); }

.pub-tabs .nav-link { color:var(--sk-text-muted,#9a9fc7);font-weight:600;border:0;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer; }
.pub-tabs .nav-link.active { background:var(--sk-primary);color:#fff; }

.pub-table thead th { font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--sk-text-muted,#9a9fc7); }
.badge-pts { background:var(--sk-indigo); }
.pos-1 { box-shadow:inset 3px 0 0 var(--sk-ok); }

a.pub-link { color:inherit;text-decoration:none;font-weight:600; }
a.pub-link:hover { color:var(--sk-primary);text-decoration:underline; }

/* Filas de partido (próximos y resultados). Van DENTRO de .pub-card, así que
   usan la superficie elevada para despegarse del fondo de la tarjeta; antes
   eran #fff y el texto claro del tema quedaba invisible sobre blanco. */
.match-row { border:1px solid var(--sk-border,rgba(184,87,255,.20));border-radius:12px;padding:.6rem .9rem;margin-bottom:.5rem;
             background:var(--sk-surface-2,#1a1f4b);color:var(--sk-text,#fff); }
.match-row:hover { border-color:var(--sk-border-strong,rgba(184,87,255,.45)); }
/* El "vs" y la fecha usan .text-muted de Bootstrap, que en claro es gris
   oscuro: lo forzamos al muted del tema para que se lea sobre la fila. */
.match-row .text-muted { color:var(--sk-text-muted,#9a9fc7) !important; }
/* El marcador usa el color PRIMARY de la liga (vivo), no el dark: sobre la
   fila oscura un dark (#26215C, #15181F…) quedaba casi invisible. */
.score-pill { background:var(--sk-primary,#9d4edd);color:#fff;border-radius:8px;padding:2px 10px;font-weight:800; }

/* Perfiles (equipo.php / jugador.php). Mismo caso que .match-row: estos
   bloques no llevan .card, así que el tema dark no los pisaba y quedaban
   claros con el texto blanco encima. */
.stat-box { background:var(--sk-surface-2,#1a1f4b);border-radius:14px;padding:18px;text-align:center;height:100%;
            border:1px solid var(--sk-border,rgba(184,87,255,.20)); }
.stat-num { font-size:2rem;font-weight:900;color:var(--sk-text,#fff);line-height:1; }
.stat-lbl { font-size:.78rem;color:var(--sk-text-muted,#9a9fc7);text-transform:uppercase;font-weight:600;margin-top:6px; }

.player-card { border:1px solid var(--sk-border,rgba(184,87,255,.20));border-radius:14px;padding:14px;text-align:center;
               background:var(--sk-surface-2,#1a1f4b);color:var(--sk-text,#fff);
               transition:box-shadow .15s,transform .15s,border-color .15s;display:block;text-decoration:none;height:100%; }
.player-card:hover { box-shadow:0 8px 20px rgba(0,0,0,.45);transform:translateY(-2px);border-color:var(--sk-primary); }
.player-card .text-muted { color:var(--sk-text-muted,#9a9fc7) !important; }
.player-avatar { width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--sk-surface-3,#232a5e); }
.player-num { display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;
              background:var(--sk-primary,#9d4edd);color:#fff;font-weight:800;font-size:.8rem; }

.pub-foot { color:var(--sk-text-muted,#9a9fc7);font-size:.85rem; }
.info-pill { background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;
             padding:5px 12px;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:6px; }