.navbardiv {
    background-color: black;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: fixed; */

}

.navbardiv_logo {
    margin: 0 0 0 15px;
    padding: 0 0 2rem 2rem;
    font-family: 'Playfair Display', serif;
}

.navbardiv_logo a {
    color: white;
    text-decoration: none;
    font-size: 2.3rem;
}

.navbardiv_nav ul {
    position: relative;
    margin: 0 15px 0 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.navbardiv_nav ul li {
    position: relative;
    cursor: pointer;
    min-width: 137px;
}

.navbardiv_nav ul li:hover {
    background-color: rgb(37, 37, 37);
}

.navbardiv_nav ul li::after {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 0;
    height: 0.15rem;
    background-color: white;
    transition: all .3s ease-in;
}

/*efecto de barrita creciento*/
.navbardiv_nav ul li:hover::after {
    width: 100%;
}
.navbardiv_nav ul li.pseudohover::after {
    width: 80%;
    right: 0;
    margin: 0 auto;
    background-color: orange;
}


.nav_anchor {
    /* margin: 1rem; */
    padding: 1.2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-decoration: none;
    position: relative;
}

.nav_anchor::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 0.05rem;
    background-color: white;
    transition: width .5s ease-in;
}

/*efecto de barrita creciento*/
.nav_anchor:hover::after {
    width: 100%;
}
.nav_anchor.pseudohover::after {
    width: 90%;
    right: 0;
    margin: 0 auto;
    background-color: orange;
}

.cont_icon_txt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navtxt {
    margin-left: 0px;
    font-size: 1.4rem;
    color: white;
    text-decoration: none;
}

span ~ .navtxt {
    font-weight: bold;
    margin-left: 0px;
}

.i {
    display: inline-block;
    width: 2.0rem;
    height: 2.0rem;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

.i_comunidad {
    background-image: url("../png/comunidad.png");
}

.i_cultura {
    background-image: url("../png/cultura.png");
}

.i_brewing {
    background-image: url("../png/brewing.png");
}

.i_notas {
    background-image: url("../png/notas.png");
}

.i_guia {
    background-image: url("../png/guia.png");
}

.i_rutas {
    background-image: url("../png/rutas.png");
}