/** CSS fijación de hedaer y de nav para pantallas mayores o iguales a 992px */
header.main-header-all-page,
nav.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    z-index: 6;
    width: 100%;
    top: 0;
}

nav.navbar.navbar-expand-lg.navbar-light {
    margin-top: 49.19px;
    background-color: white;
}

.main-section-all-pages {
    margin-top: 167.19px;
}

/** Fin CSS fijación de hedaer y de nav para pantallas mayores o iguales a 992px */

.img-logo-header {
    max-width: 100%;
    height: auto;
}

a.nav-link.item-menu,
a.dropdown-item.item-submenu {
    font-size: 18px;
    color: var(--color-azul-oscuro);
    letter-spacing: 1px;
}

a.nav-link.item-menu:hover {
    color: var(--color-azul-claro);
    border-bottom: 4px solid var(--color-azul-claro);
}

a:is(:link, :active, :visited).active-link {
    color: var(--color-azul-claro);
    border-bottom: 4px solid var(--color-azul-claro);
}

/*Se asina un ancho a este elemento para cuando el foco esté en un submenú del menú en cuestión, al pasar el ratón no se muevan los link(menú) de los lados
 y está pediente por corregir para que el foco se le active no solo al link del submenú sino también al link del menú(menú padre)*/
.navbar-expand-lg .navbar-nav .nav-link {
    height: 44px;
}

.dropdown .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
}

@media (max-width: 992px) {
    .img-logo-header {
        max-width: 90%;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        height: auto;
    }

    header.main-header-all-page,
    nav.navbar.navbar-expand-lg.navbar-light {
        position: static;
        z-index: 0;
    }

    nav.navbar.navbar-expand-lg.navbar-light,
    .main-section-all-pages {
        margin-top: 0px;
    }
}

@media (max-width: 576px) {
    .img-logo-header {
        max-width: 80%;
    }
}

/*FIN CSS NAV*/