/* Badges de estado (pastillas como en la referencia) */
.estado {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid; border-radius: 999px;
    font-size: 11.5px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase;
    white-space: nowrap;
}
.estado--info    { color: var(--color-info);    background: var(--color-info-fondo);    border-color: var(--color-info-borde); }
.estado--exito   { color: var(--color-exito);   background: var(--color-exito-fondo);   border-color: var(--color-exito-borde); }
.estado--aviso   { color: var(--color-aviso);   background: var(--color-aviso-fondo);   border-color: var(--color-aviso-borde); }
.estado--peligro { color: var(--color-peligro); background: var(--color-peligro-fondo); border-color: var(--color-peligro-borde); }
.estado--morado  { color: var(--color-morado);  background: var(--color-morado-fondo);  border-color: var(--color-morado-borde); }
.estado--neutro  { color: var(--color-neutro);  background: var(--color-neutro-fondo);  border-color: var(--color-neutro-borde); }

.etiqueta {
    display: inline-block; padding: 1px 8px; border-radius: 4px;
    background: var(--color-neutro-fondo); color: var(--color-neutro);
    font-size: 11.5px; font-weight: 500;
}
.etiqueta--primario { background: var(--color-primario-claro); color: var(--color-primario-oscuro); }

.alerta {
    display: flex; align-items: flex-start; gap: 10px;
    margin-bottom: 18px; padding: 12px 16px;
    border: 1px solid; border-radius: var(--radio);
    font-size: 13.5px;
}
.alerta .icono { margin-top: 1px; }
.alerta ul { margin: 0; padding-left: 18px; }
.alerta--exito   { color: #0b6e40; background: var(--color-exito-fondo);   border-color: var(--color-exito-borde); }
.alerta--peligro { color: #a52626; background: var(--color-peligro-fondo); border-color: var(--color-peligro-borde); }
.alerta--aviso   { color: #8a5a12; background: var(--color-aviso-fondo);   border-color: var(--color-aviso-borde); }
.alerta--info    { color: #234fa8; background: var(--color-info-fondo);    border-color: var(--color-info-borde); }