/* =============================================================================
   ROCK THE DISTANCE — sistema-publico.css
   Orquestador de CAPAS de CSS (@layer) para las páginas públicas.

   Idea (mejores prácticas): el orden de capas decide quién gana, NO la
   especificidad ni el orden de carga. Aquí declaramos:

       legacy  <  sistema

   Por tanto el SISTEMA NUEVO (tokens + componentes) gana SIEMPRE sobre el CSS
   viejo hecho a mano, de forma determinista (se acaban los choques sorpresa).

   Migración: cada página pública carga SOLO este archivo en lugar de los
   <link> sueltos de normalize/colores/principal/tokens. Conforme retiremos
   reglas viejas, la capa `legacy` se irá vaciando hasta desaparecer.
   ============================================================================= */

/* 1) Orden de capas: lo de la izquierda pierde contra lo de la derecha. */
@layer legacy, sistema;

/* 2) CSS heredado (hecho a mano) → capa legacy (pierde ante el sistema). */
@import url('normalize.min.css') layer(legacy);
@import url('colores.min.css')   layer(legacy);
@import url('principal.min.css') layer(legacy);

/* 3) Sistema de diseño → capa sistema (gana). tokens define variables +
      alias heredados; componentes define la apariencia única. */
@import url('tokens.css')      layer(sistema);
@import url('componentes.css') layer(sistema);


/* =============================================================================
   CIERRE PROGRAMADO — categoría cerrada en el selector del participante
   La caja base .catego tiene alto/line-height fijos (45px); para la categoría
   cerrada se deja crecer y el texto "Inscripción cerrada" queda DENTRO de la
   caja (no flotando hacia la siguiente distancia). Mayor especificidad para
   ganarle a boxes.min.css sin !important.
   ============================================================================= */
.formulario .filaForm .filaMedia label.catego.categoCerrada {
  height: auto;
  min-height: 45px;
  line-height: 1.3;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: .85;
  cursor: not-allowed;
}
.formulario .filaForm .filaMedia label.catego.categoCerrada .categoTexto {
  text-decoration: line-through;
}
.inscCerradaBadge {
  color: #c0392b;
  font-size: .72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-top: 2px;
}