:root {
    --principal:#ededed;
    --secundario: #33cccc; /*#FFC107 ;*/
    --resaltado: #34a8a8;/*#ffa807;*/
    --relleno: /*#252525*/ white;
    --relleno2: black;
    --fuente_primaria:#000000;
    --font-size-large: 18px;
    --margin-small: 10px;
}

body{
    background: var(--relleno) !important;

}

.login_panel{
    background: var(--principal);
    padding: 1% 8%;
    margin: 0 30%;
    color: var(--relleno);
    border-radius: 5px;
}
.login_panel .btn-principal{
    background: var(--secundario)!important;
    border-color: var(--secundario)!important;
    color: var(--fuente_primaria);
    transition: 0.3s;
}
.login_panel .btn-principal:hover{
    background: var(--resaltado)!important;
    border-color: var(--resaltado)!important;
    color: var(--fuente_primaria);
}
.login_panel .btn-secundario{
    background: var(--principal)!important;
    border-color: var(--secundario)!important;
    color: var(--fuente_primaria);
    border-width: 3px;
    border-style: solid;
    transition: 0.3s;
}
.login_panel .btn-secundario:hover{
    background: var(--resaltado)!important;
    border-color: var(--resaltado)!important;
    color: var(--fuente_primaria);
}

.login_panel .btn-terciario{
color: black !important; /* Fuerza el color negro */
    text-decoration: none; /* Elimina el subrayado */
}
.login_panel .btn-terciario:hover{
     color: #333
}
/*
 .floating-alert {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1050;
            width: 500px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }*/