.alerta-amarilla{
    background-color:#FCEFCA !important;
    color:#E2A602 !important;
    border: 1px solid #E2A602;
    padding: 14px 18px ;
    border-radius: 8px;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.alerta-celeste{
    background-color: #e5fdff !important;
    color: #008f97!important;
    border: 1px solid  #008f97;
    padding: 14px 18px ;
    border-radius: 8px;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.alerta-violeta{
    background-color: #E2E2F2;
    color: #152456 !important;
    border: 1px solid #152456;
    padding: 14px 18px ;
    border-radius: 8px;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.alerta-verde{
    background-color: #ECFDF3;
    border: 1px solid #2F995A;
    color: #2F995A;
    padding: 14px 18px ;
    border-radius: 8px;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.alerta-roja{
    background-color: #ffe5e5 !important;
    border: 1px solid #c62828 !important;
    color: #c62828 !important;
    padding: 14px 18px ;
    border-radius: 8px;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.btn-verde-oscuro{
    background-color: #35c539b3 !important;
    color: white!important;
}