.bg-primary { 
    background-color: #FF6F61; 
}

.bg-secondary { 
    background-color: #2A6F97; 
}

.bg-soft { 
    background-color: #F5F5F5; 
}

.bg-info { 
    background-color: #E3F2FD; 
}

.text-secondary { 
    color: #424242; 
}

.btn-login {
    background-color: #1e5f74 !important;
    color: white !important;
}

.btn-login:hover {
    background-color: #2294b9 !important;
    color: white !important;
}

/* Estilos específicos para el portal del paciente */




@media screen and (max-width: 768px) {
   .logout-button {
       margin: 0 auto !important;
       border: solid 1px black;
   }

   .logout-icon {
    display: run-in !important;
   }
}

@media screen and (max-width: 427px) {
    .logout-button {
        width: 100% !important;
    }

    .flex-btns {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    
}