/* ═══════════════════════════════════════════════════════════════════════════════
   ▓ COMPONENTE · ROTULO_GRUPO — GEMELO VANILLA (hoja autocontenida) ▓
   Ficha: design-system/COMPONENTE_ROTULO_GRUPO.md
   Nace el 2026-09-03.

   ⛔ POR QUÉ NACE HOY, y no es una pieza inventada: es una que ya existía DOS VECES.
   `.exds-dk-pop-grp` vivía embebida dentro del gemelo de Asistente (`componentes/asistente/
   asistente.css`, la lista de resultados del buscador ⌘K del asistente, en las dos apps) y
   `.bo-cmdk-section-label` vivía a mano en `admin/css/backoffice.css` (la paleta de comandos
   del backoffice) — la MISMA anatomía: rótulo de mayúsculas que encabeza un grupo dentro de
   una lista de resultados. `DECISION-FUENTE: Ricardo, 2026-09-03 — «Esta banda debe de
   canonizarse. Recuerda que nuestra regla es que ningún elemento debe ser escrito a mano.»`

   ⛔ NO ES `BandaGrupo` (retirada por completo, ver `COMPONENTE_BANDA_GRUPO.md`). Aquella era
   una BANDA con franja gris de fondo que rotulaba secciones dentro de un CAJÓN. Ésta es SÓLO
   TEXTO — sin fondo, sin filete, sin caja — que encabeza un grupo dentro de una LISTA DE
   RESULTADOS de búsqueda. Nombre deliberadamente distinto para que nadie las confunda.

   QUÉ ES: el rótulo tipográfico («CLIENTES (4)», «PROSPECTOS (2)») que encabeza cada grupo de
   una lista de resultados. No es interactivo, no tiene estado, no posee los datos que agrupa
   (el conteo se lo pasa quien arma la lista).

   CONFLICTO DE VALOR RESUELTO — el tamaño y el interletrado ya estaban decididos DENTRO del
   catálogo (el gemelo de Asistente, cosechado 2026-08-24, usa `--fs-micro` y `.11em`); la
   copia a mano del backoffice había derivado a un `10px` literal y `.08em`. Por la regla 0-bis
   del proyecto («cuando una app no coincide con el catálogo, es un DEFECTO, no un trade-off»),
   esta hoja adopta el valor YA CANÓNICO — no es una decisión de diseño nueva, es aplicar la
   que ya existía. El RELLENO horizontal es del CONTENEDOR, no de la pieza: cada lista trae su
   propio ritmo de fila (14px en el asistente, 16px en la paleta de comandos) — se expone como
   variable con el valor del asistente de respaldo; quien monte con otro ritmo la sobreescribe.

   REQUISITOS DEL ANFITRIÓN:
     1. Los tokens del canon (`colors_and_type.css`): `--fs-micro`, `--font-sans`, `--fg3`.
     2. `box-sizing: border-box`.
   ═══════════════════════════════════════════════════════════════════════════════ */

.exds-rotulo-grupo {
  display: block;
  font: 600 var(--fs-micro, 10px) var(--font-sans, "Inter", -apple-system, "system-ui", sans-serif);
  text-transform: uppercase;
  letter-spacing: .11em;
  color: var(--fg3, #5C6B7A);
  padding: 10px var(--exds-rg-inset, 14px) 4px;
}
.exds-rotulo-grupo[data-primero="si"] { padding-top: 8px; }