@media screen and (max-width: 767px){
    body .header-fixed {
        position: fixed !important;
        z-index: 1000 !important; 
        width: 100% !important;
        }
    }

#header {
    background: #fff !important;
    box-shadow: 0 0 10px var(--pad-primary) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 10 !important;
}

.header-fringe {
    height: 25px !important;
    width: 100% !important;
    background: var(--pad-secondary) !important;
    z-index: 100;
}

#header-account{
    background: var(--pad-secondary) !important;
}

#header-account.account-masthead .account ul li {
    display: block !important;
    float: left !important;
    border-left: 1px solid var(--pad-primary) !important;
}

#header-account.account-masthead .account ul li a {
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 0 10px !important;
    /* line-height: 31px !important; */
    /* line-height: 80px !important; */
}

.color-primary{
    color: var(--pad-primary) !important;
}

/* Ajuste del tamaño del logo */
/* Ajuste del tamaño del logo */
.logo-pad {
    max-height: 70px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

/* Estilo para el enlace activo */
.nav-pills .nav-link.active {
    font-weight: bold !important;
    color: var(--pad-secondary) !important;
    background-color: #fff  !important;
}

.nav-pills .nav-link {
    color: var(--bs-primary) !important;
}

.nav-pills .nav-item + .nav-item {
    margin-left: 1rem;
}

/* Ajustes de alineación */
.navbar-nav {
    display: flex;
    align-items: center;
}

.navbar-brand {
    margin-right: auto;
}



#header.masthead .logo img {
    max-height: 80px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.header-spacing{
    padding-left: 35px !important;
}

#header .header-links .header-link {
    padding: 0 0.5em !important;
    font-size: 100% !important;
}

#header nav ul{
    font-size: 18px !important;
    line-height: 5 !important;
}


#header ul li a:not(.dropdown-item) {
    color: var(--pad-primary);
    margin: 0 !important;
    padding: 0 0.5em !important;
    line-height: 65px !important;
    display: inline-block !important;
    cursor: pointer !important;
    vertical-align: bottom !important;
    text-transform: uppercase !important;
    letter-spacing: 0em !important;
    font-size: 16px !important;
}

#header nav ul li a.dropdown-item{
    color: var(--pad-primary) !important;
    font-size: 15px !important;
    letter-spacing: 0em !important;
}

#header nav ul.dropdown-menu{
    background-color: var(--pad-light-gray) !important; 
    padding: 0px 0 !important;
}

#header nav ul.dropdown-menu li.inner-dropdown-menu{
    border-top: 7px solid var(--pad-secondary) !important;
}

#header nav ul.dropdown-menu::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2) !important;
    border-left: 9px solid rgba(0, 0, 0, 0) !important;
    border-right: 9px solid rgba(0, 0, 0, 0) !important;
    content: "" !important;
    display: inline-block !important;
    left: 30px !important;
    position: absolute !important;
    top: -8px !important;
}
#header nav ul.dropdown-menu::after {
    border-bottom: 8px solid var(--pad-secondary) !important;
    border-left: 9px solid rgba(0, 0, 0, 0) !important;
    border-right: 9px solid rgba(0, 0, 0, 0) !important;
    content: "" !important;
    display: inline-block !important;
    left: 30px !important;
    position: absolute !important;
    top: -7px !important;
  }


#header nav ul li.bar a.noclick{
    pointer-events: none !important;
}


#header.masthead .navigation .nav-pills li.active a  {
    background-color: #fff !important;
    /* background-color: #e7e7e7 !important; */
    color: var(--pad-secondary) !important;
    /* color: #993366 !important; */
    width: 100% !important;
    font-weight: bold !important;
}

#header.masthead .navigation .nav-pills li a:hover, #header.masthead .navigation .nav-pills li a:focus{
    color: var(--pad-secondary) !important;
    /* color: #fff !important; */
    /* background-color: #993366 !important; */
    background-color: #fff !important;
    width: 100% !important;
}