.hide_top{
    transform: translateY(-100vh);
    opacity: 0;
    transition: all .3s ease;
}
.nav{
    z-index: 3;
    position: fixed; top: 1em; right: calc(50% - 400px);
    display: flex; justify-content: space-around;
    width: auto; height: auto;
    padding: .5em;
    font-size: .5rem;
    font-family: var(--Poppins);
    font-weight: 800;
    border-radius: .5em;
    transition: all .3s ease;
}
.nav span{
    padding-right: 1em;
}
.nav_sticky{
    z-index: 2;
    position: fixed; top: 0; left: 0;
    display: flex; justify-content: center; align-items: center;
    width: 100%;
    height: 60px;
    background-color: var(--red);
    transition: all .3s ease;
}

.logo_sticky img{ width: auto; height: 105%;}
.logo_sticky {height: 40px; position: fixed; left: calc(50% - 400px);}

.change_color{ top: 10px;}
.change_color a{
    color: var(--blanco);
    transition: all .3s ease;
}

#ancla_about,
#ancla_products,
#ancla_shop,
#ancla_contact
{
    width: 100%;
    transform: translateY(-60px);
}

.burger img{width: 100%; height: 100%;}
.burger{
    z-index: 4;
    position: fixed; top: 15px; right: 10px;
    width: 45px; height: 45px;
}