/* ============================================================
   GCG Design System V1 — Tabla / RankingTable
   Spec: GCG_DESIGN_SYSTEM_V1.md §14 y §20
   ============================================================ */

.gcg-table-wrap { overflow-x: auto; }

.gcg-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--gcg-text-sm);
}
.gcg-table thead th {
  text-align: left;
  padding: var(--gcg-space-3) var(--gcg-space-4);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gcg-text-muted);
  border-bottom: 1px solid var(--gcg-border);
}
.gcg-table tbody td {
  padding: var(--gcg-space-3) var(--gcg-space-4);
  height: 48px;
  color: var(--gcg-text);
  border-bottom: 1px solid var(--gcg-divider);
}
.gcg-table tbody tr { transition: background var(--gcg-transition-fast); }
.gcg-table tbody tr:hover { background: rgba(255, 255, 255, 0.015); }
.gcg-table tbody tr:last-child td { border-bottom: none; }

.gcg-table .gcg-table__num { font-variant-numeric: tabular-nums; text-align: right; }
.gcg-table .gcg-table__actions { text-align: right; }

/* Top 3 en ranking — tratamiento sutil, no colores distintos por fila */
.gcg-table__rank-1 .gcg-table__pos, .gcg-table__rank-2 .gcg-table__pos, .gcg-table__rank-3 .gcg-table__pos {
  color: var(--gcg-accent);
  font-weight: 700;
}