:root{
    --cor-padrao-logo: #BC9C23;
    --btn-ok: #4dabf7;
    --cor-padrao-letras: #1971c2;
    --cor-letras-logo: #F6EBDA;
}


/* ESTILO MENU MOBILE */
.overlay-menu-mobile{
    background-color: #000000a7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8888;
    display: none;
}

.btn-abrir-menu-mobile{
    position: absolute;
    margin-top: 20px;
    display: none;
}

.btn-abrir-menu-mobile i{
    color: var(--cor-padrao-logo);
    font-size: 20px;
}

.menu-mobile{
    background-color: var(--cor-padrao-logo);
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    width: 0%;
    overflow: hidden;
    transition: .5s;
}

.menu-mobile.abrir-menu{
    width: 90px;
}

.menu-mobile.abrir-menu ~ .overlay-menu-mobile{
    display: block;
}

.menu-mobile .btn-fechar-menu-mobile{
    padding: 20px 20%;
}

.menu-mobile nav ul{
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.menu-mobile nav ul li{
    list-style: none;
}

.menu-mobile nav ul li a{
    background: var(--cor-padrao-logo);
}