.bi-moon-stars-fill {
    color: var(--white);
}

.bi-sun-fill {
    color: var(--white);
}

.bi-cart4 {
    font-size: 25px;
    color: currentColor;
}

#bd-versions {
    border: none;
}

#bd-versions span {
    background: #f1f1f1;
    color: black;
}

.bi-person-badge {
    font-size: 1.5rem;
    color: black;
}

.bi-gear {
    font-size: 1.5rem;
    color: black;
}

.btn_logout {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
}

.bi-box-arrow-in-right {
    font-size: 1.5rem;
    color: black;
}

.bi-bell {
    font-size: 25px;
    color: currentColor;
}

.bi-key {
    font-size: 1.2rem;
    color: deepskyblue;
}

/**/
.notification-dropdown-menu {
    min-width: 260px
}

@media(min-width: 576px) {
    .notification-dropdown-menu {
        min-width: 360px
    }
}

.notification-card.unread {
    background-color: var(--alert_bg);
}

.dark .notification-card.unread {
    background-color: var(--alert_bg);
}

.notification-card:hover {
    background-color: #e3e6ed !important
}

.avatar-m {
    margin: auto;
    height: 4rem;
    width: 4rem
}

.fs--1 {
    font-size: .9rem !important
}

.fs--2 {
    font-size: .64rem !important
}

/* Estilos nuevos */
.navbar .nav-link{
    font-size: large !important;
    font-weight: 600;
    color: white !important;
}

.navbar .nav-link.active {
    color: white !important;
    border-bottom: 2px solid #FF0025;
    display: inline-block; 
}

/* ===== logo primario ===== */
.logo-g-primario{
    width: 265px;
    height: 65px;
}

@media only screen and (max-width: 1366px) {
    .logo-g-primario{
        width: 225px;
        height: 50px;
    }
}

@media only screen and (max-width: 375px) {
    .logo-g-primario{
        width: 175px;
        height: 40px;
    }
}


.navbar.bd-navbar{
    width: 100%;
}

/* Estilo cuando se hace scroll */
.navbar.bd-navbar.scrolled {
    background-color: #B2B2B2; /* Fondo negro */
    margin: 1%;
    border-radius: 10px;
    width: auto;
}


@media only screen and (max-width: 1280px) {
    .navbar .nav-link {
        font-size: medium !important;
        
    }

    .btn-g-nav-empezar {
        font-size: medium !important;
    }

    .btn-g-nav-ingreso {
        font-size: medium !important;
    }

    #count_podructos{
        font-size: 25px;
    }

}

@media only screen and (max-width: 1180px) {
    .navbar .nav-link {
        font-size: small !important;
        
    }

    .btn-g-nav-empezar {
        font-size: small !important;
    }

    .btn-g-nav-ingreso {
        font-size: small !important;
    }

    #count_podructos{
        font-size: 20px;
    }

}



@media only screen and (max-width: 990px) {

    .bag{
        margin-right: 10% !important;
    }

}