#sidenav-main {
    background-color: #611232 !important;
    color: #fff !important;
}

.background-primary {
    background-image: none !important;
    background-color: #611232;
}

.btn-primary {
    background-color: #A07F3A;
    /* Variante más fuerte */
    border: 2px solid #8C6C2E;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #6B4F1F;
    border-color: #A07F3A;
    color: #fff;
}

.icon-color-complementary {
    background-image: none !important;
    background-color: #BE9C60 !important;
    color: #fff !important;
}


.btn-principal {
    background-color: #611232;
    /* Fondo del botón principal */
    border: 2px solid #611232;
    /* Borde del botón principal */
    color: #fff;
    transition: background 0.2s, border-color 0.2s;
}

.btn-principal:hover,
.btn-principal:focus {
    background-color: #7A2540;
    border-color: #4A0E22;
    color: #fff;
}

.link-principal {
    transition: background 0.3s, border-color 0.3s, color 0.3s, border-radius 0.3s;
}

.link-principal:hover,
.link-principal:focus {
    background-color: #a57f2c;
    /* Nuevo color de fondo al pasar el mouse */
    border-color: #611232;
    /* Nuevo color de borde */
    border-radius: 5px;
    ;
    color: white !important;
    /* Asegura que el color del texto sea blanco */
}

.bg-navbar {
    background-color: #611232;
    /* Color de fondo del navbar */
    color: #fff;
}

#sidenav-main .nav-link:hover,
#sidenav-main .nav-link:focus {
    background-color: #a57f2c !important;
    /* Fondo al pasar el mouse */
    color: #fff !important;
    /* Texto blanco */
    border-radius: 10px;
    /* Bordes redondeados opcional */
    transition: background 0.2s, color 0.2s, border-radius 0.2s;
}

#navbarBlur .dropdown-menu {
    background-color: #611232 !important;
    color: #fff !important;
}

#navbarBlur .dropdown-menu .dropdown-item {
    color: #fff !important;
}

#navbarBlur .dropdown-menu .dropdown-item:hover,
#navbarBlur .dropdown-menu .dropdown-item:focus {
    background-color: #a57f2c !important;
    color: #fff !important;
}

#navbarBlur .dropdown-menu {
    margin-top: 20px !important;
}

#sidenav-main .nav-link i,
#sidenav-main .nav-link .fa,
#sidenav-main .nav-link .fas,
#sidenav-main .nav-link .fa-angle-up,
#sidenav-main .nav-link .fa-chevron-up,
#sidenav-main .nav-link svg,
#sidenav-main .nav-link::after {
    color: #fff !important;
    fill: #fff !important;
}

#navbarBlur .nav-link i,
#navbarBlur .nav-link .fa,
#navbarBlur .nav-link .fas,
#navbarBlur .nav-link .fa-angle-up,
#navbarBlur .nav-link .fa-chevron-up,
#navbarBlur .nav-link svg,
#navbarBlur .nav-link::after {
    color: #fff !important;
    fill: #fff !important;
}

.fa-universal-access {

    background-color: #fff !important;
    color: #B89254 !important;
    border-radius: 50% !important;
    margin-top: 25px;
    margin-left: 25px;
    /* Hace el fondo completamente circular */
}