#containerNavBar {
    max-height: 3em;
    /*background: linear-gradient(0deg,*/
    /*rgba(254, 252, 236, 1) 0%,*/
    /*rgb(254, 251, 231) 50%,*/
    /*rgb(252, 247, 207) 100%);*/
}

header.navbarNavFixed {
    background: linear-gradient(0deg,
    rgba(254, 252, 236, 0.3) 0%,
    rgba(254, 251, 231, 0.8) 50%,
    rgba(252, 247, 207, 1) 100%);
}

#navbarNav ul.nav > li.nav-item {
    padding: 1em 2em;
}

#navbarNav ul.nav > li.nav-item:hover {
    background: none;
}

#navbarNav ul.nav > li.nav-item > a.nav-link {
    position: relative;
    text-decoration: none;
    color: #000;
    padding: 0;
}

#navbarNav ul.nav > li.nav-item > a.nav-link:not(.dropdown-toggle):after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    margin: auto;
    background: #000;
    transition: width .3s ease-in-out;
}

#navbarNav ul.nav > li.nav-item > a.nav-link:not(.dropdown-toggle):hover:after {
    width: 100%;
}

#navbarNav {
    justify-content: space-between;
}

#navbarNav li.dropdown > ul.dropdown-menu li {
    cursor: pointer;
}

#navbarNav li a {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

#navbarNav li a.see-all {
    text-transform: initial;
    font-style: italic;
    text-align: right;
}

#navbarNav li.dropdown .dropdown-menu {
    display: none;
}

#navbarNav li.dropdown:hover > ul.dropdown-menu,
#navbarNav li.dropend:hover > ul.dropdown-menu {
    background: var(--secondary);
    border: 1px solid #b3b3b3;
    padding: 0;
    margin-top: .5em;
    border-radius: 10px;
}

#navbarNav li.dropdown:hover ul.dropdown-menu > li {
    border-top: none;
    border-bottom: 1px solid #b3b3b3;
    padding: .5em 0;
}

#navbarNav li.dropdown:hover ul.dropdown-menu > li:last-child {
    border-bottom: none;
}

#navbarNav li.dropdown:hover ul.dropdown-menu > li:hover {
    background: rgb(252, 247, 213);
}

#navbarNav li.dropdown:hover ul.dropdown-menu > li > a {
    font-size: 13px;
}

#navbarNav li.dropdown:hover ul.dropdown-menu > li > a:hover {
    background: none;
}

ul.dropdown-menu li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul.dropdown-menu li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


/* LANGUAGE */
#dropdownLanguage button {
    background: none;
    border: 0;
}

#dropdownLanguage button:hover {
    background: rgb(252, 247, 213);
}

#dropdownLanguage button::after {
    display: none;
}

#dropdownLanguage button i {
    margin: 0;
}

#dropdownLanguage ul {
    min-width: fit-content;
}

#dropdownLanguage ul li,
#dropdownLanguage ul li a {
    width: fit-content;
}

#dropdownLanguage ul li a i {
    margin: 0;
}

#dropdownLanguage button:hover + ul,
#dropdownLanguage ul:hover {
    padding: 0;
    background: var(--secondary);
    border: 1px solid #b3b3b3;
    border-radius: 10px;
}

#dropdownLanguage button:hover + ul li,
#dropdownLanguage ul:hover li {
    padding: 0;
    border-bottom: 1px solid #b3b3b3;
}

#dropdownLanguage button:hover + ul li a,
#dropdownLanguage ul:hover li a {
    padding: 6px 12px;
}

#dropdownLanguage ul:hover li:hover {
    background: rgb(252, 247, 213);
}

#dropdownLanguage ul:hover li a:hover {
    background: none;
}

#dropdownLanguage + ul.dropdown-menu li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#dropdownLanguage + ul.dropdown-menu li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#navbarNav li.dropdown .dropdown-menu.show {
    display: block;
}

@media (min-width: 992px) {
    #navbarNav li.dropdown:hover > ul.dropdown-menu,
    #navbarNav li.dropend:hover > ul.dropdown-menu {
        display: block;
    }

    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }

    #dropdownLanguage button:hover + ul,
    #dropdownLanguage ul:hover {
        display: block;
    }
}

@media (max-width: 992px) {
    #containerNavBar {
        max-height: initial;
    }

    #navbarNav {
        background-image: linear-gradient(
            rgba(254, 252, 236, .56),
            #fefcec96),
        url('../../../img/frontend/pergamino.jpg');
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
    }

    #dropdownLanguage {
        display: flex;
    }

    #dropdownLanguage button {
        align-self: end;
    }

    .col-language {
        display:flex;
        justify-content: end;
        width: 100%;
    }
}