/* Componentes añadidos por el módulo Academias sobre el sistema Modernist
   (tokens.css). Nada aquí es específico de Academias en el nombre de la
   clase — son variantes genéricas reutilizables por cualquier pantalla. */

/* Dorado como acento secundario (KPI destacado, ocupación alta, pendiente) —
   tokens.css sólo trae accent (rojo) y accent-2; el dorado es propio del
   handoff de Academias y no existía como variante de .tag. */
.tag-gold { background: #faf1da; color: #7a5b00; }

/* Fila de tabla clicable con foco visible por teclado (dataTable: abrir
   detalle de academia desde la vista de tabla). */
tr.row-click:focus-visible { outline: 2px solid var(--color-accent); outline-offset: -2px; }

/* Tarjeta de academia / miembro de equipo: la tarjeta completa es el control
   (role="button", tabindex="0") y necesita su propio foco visible porque no
   es un <button> nativo. */
[role="button"].row-click:focus-visible { outline: 2px solid var(--color-accent); outline-offset: -2px; }

/* Macrociclos (Motor de Planificación): stepper lateral del asistente de 5
   pasos — horizontal por debajo de 1100px, como pide el encargo. */
.pf-wizard { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: start; }
.pf-wizard-steps { display: flex; flex-direction: column; border-right: 2px solid var(--color-divider); }
@media (max-width: 1100px) {
  .pf-wizard { grid-template-columns: 1fr; }
  .pf-wizard-steps { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 2px solid var(--color-divider); }
  .pf-wizard-steps > button { width: auto; white-space: nowrap; border-bottom: 0 !important; }
}