/* ============================================================
   NEODATO — COLORES POR ETAPA DE TRAMITACIÓN
   Única fuente de verdad para las 6 macro-etapas y los estados de cierre.
   Progresión: neutro → bronces → verdes → verde botella sólido (es ley).
   Se usa en /proyectos, /proyecto/{boletin} y /diputado/{id}.

   Clases de etiqueta: .etapa-chip + .etapa-1 … .etapa-6 | .etapa-archivado | .etapa-terminada
   Variables por etapa (--etapa-bg / --etapa-fg) para reutilizar en otros elementos
   (ej. los círculos del avance de tramitación).
   ============================================================ */
/* Tono sólido por etapa (círculos y líneas del avance de tramitación) */
:root {
    --etapa-solid-1: #8C897E;
    --etapa-solid-2: #A6763F;
    --etapa-solid-3: #8A6132;
    --etapa-solid-4: #466E5F;
    --etapa-solid-5: #2F5A47;
    --etapa-solid-6: #1B3B2F;
}

.etapa-1 { --etapa-solid: var(--etapa-solid-1); --etapa-bg: #F0EEE8; --etapa-fg: #5B5850; }   /* Ingreso e Iniciativa */
.etapa-2 { --etapa-solid: var(--etapa-solid-2); --etapa-bg: #F3E9D8; --etapa-fg: #8A6132; }   /* Primer Trámite */
.etapa-3 { --etapa-solid: var(--etapa-solid-3); --etapa-bg: #EADBC0; --etapa-fg: #6E4E24; }   /* Segundo Trámite */
.etapa-4 { --etapa-solid: var(--etapa-solid-4); --etapa-bg: #E4EBE6; --etapa-fg: #2F5A47; }   /* Tercer Trámite y Resolución */
.etapa-5 { --etapa-solid: var(--etapa-solid-5); --etapa-bg: #C9D8CE; --etapa-fg: #1B3B2F; }   /* Sanción o Veto Presidencial */
.etapa-6 { --etapa-solid: var(--etapa-solid-6); --etapa-bg: #1B3B2F; --etapa-fg: #FFFFFF; }   /* Promulgación y Publicación (es ley) */
.etapa-archivado { --etapa-bg: #FBE7DF; --etapa-fg: #B8481F; }
.etapa-terminada { --etapa-bg: #FFFFFF; --etapa-fg: #5B5850; }

.etapa-chip {
    display: inline-flex; align-items: center; flex-shrink: 0; white-space: nowrap;
    padding: 5px 12px; border-radius: var(--radius-full, 999px);
    font-size: 0.72rem; font-weight: 600; line-height: 1.2;
    background: var(--etapa-bg, #F0EEE8); color: var(--etapa-fg, #5B5850);
    border: 1px solid transparent;
}
.etapa-chip.etapa-terminada { border-color: var(--border-strong, rgba(11,11,10,0.16)); }