legend {
    float: none!important;
    font-size: 14px!important;
    line-height: inherit!important;
    margin-bottom: 0px!important;
    padding: 0!important;
    width: auto!important;
}

/* Sobrescribir el color en el legend */
fieldset legend {
    color: inherit !important;
}

    /* Anular la clase .fw-bold (font-weight) */
    fieldset legend.fw-bold {
        font-weight: normal !important;
    }

.badge.badge-light.text-bg-orange {
    background-color: rgba(255, 165, 0, 0.15) !important; /* Anaranjado claro */
    color: #b85c00 !important; /* Un naranja oscuro que contrasta bien */
    border: 1px solid #b85c00 !important;
}

.badge.badge-light.text-bg-success {
    background-color: rgba(40, 167, 69, 0.15) !important; /* Verde claro */
    color: #218838 !important; /* Verde oscuro para buen contraste */
    border: 1px solid #218838 !important;
}

.badge.badge-light.text-bg-descartado {
    background-color: rgba(108, 117, 125, 0.15) !important; /* Gris claro translúcido */
    color: #495057 !important; /* Gris oscuro para contraste */
    border: 1px solid #495057 !important;
}

/* Estilos para pasos exitosos (verdoso) */
.progress-stepbar li.completado:before {
    background: #28a745 !important; /* Verde Bootstrap */
    border: 2px solid #218838 !important; /* Verde oscuro */
    box-shadow: 0 3px 10px rgba(40, 167, 69, 0.5) !important; /* Sombra */
 }

.progress-stepbar li.completado:after {
    background: #28a745 !important;
}

/* Estilos para pasos descartados (grisáceo) */
.progress-stepbar li.descartado:before {
    background: #adb5bd !important; /* Gris claro Bootstrap */
    border: 2px solid #495057 !important; /* Gris oscuro Bootstrap */
    box-shadow: 0 3px 10px rgba(108, 117, 125, 0.5) !important; /* Sombra grisácea */
}

.progress-stepbar li.descartado:after {
    background-color: darkgray !important; /* Gris claro Bootstrap */
}


@media (min-width: 1200px) {
    legend {
        font-size: 16px;
    }
}