/*
 * GR Scores — Estilos mínimos funcionales.
 * Solo lo necesario para que los tabs y el slider operen correctamente.
 * El diseño visual (colores, tipografía, layout) va en el theme.
 */

/* ── Grupos: ocultar paneles, mostrar el activo ──────────────────────────── */
.gr-scores__panel          { display: none; }
.gr-scores__panel.is-active { display: block; }

.gr-scores__tab            { cursor: pointer; }
.gr-scores__tab.is-active  { font-weight: 700; }

/* ── Slider: contenedor y track con scroll horizontal ───────────────────── */
.gr-scores__body           { position: relative; overflow: hidden; }
.gr-scores__track          { display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
                              -ms-overflow-style: none; scrollbar-width: none; }
.gr-scores__track::-webkit-scrollbar { display: none; }
.gr-scores__match          { flex: 0 0 auto; scroll-snap-align: start; }