/*************/
/* VARIÁVEIS */
/*************/

:root{

    /* COR DO TEMA */
    --cor-tema: #1E3694;
    --cor-background: #FFFFFF;
    --padding-menu-mobile: 0px 5px 20px 5px;
    --padding-banner-principal: 30px;
    --padding-banner-principal-iguais: 20px 0 30px 0;
    --padding-banner-principal-mobile: 30px;
    --padding-banner-secundario: 0 30px 30px 30px;
    --padding-banner-secundario-mobile: 0 30px 30px 30px;
    --padding-informacoes-adicionais: 10px 30px 20px 30px;
    --padding-informacoes-adicionais-mobile: 10px 30px 0px 30px; 
    --padding-categorias-mobile: 0 30px 30px 30px;
    --padding-categorias-mobile-mobile: 0 15px 30px 15px;
    --padding-produtos-destaque: 10px 30px 0px 30px;
    --padding-produtos-destaque-mobile: 10px 30px 0px 30px;
    --padding-produtos-novos: 10px 30px 0px 30px;
    --padding-produtos-novos-mobile: 0px 30px 0px 30px;
    --padding-produtos-recentes: 10px 30px 0px 30px;
    --padding-produtos-recentes-mobile: 10px 45px 0px 45px;
    --padding-produtos-mais-vendidos: 10px 30px 0px 30px;
    --padding-produtos-mais-vendidos-mobile: 10px 45px 0px 45px;
    --padding-produtos-promocao: 10px 30px 0px 30px;
    --padding-produtos-promocao-mobile: 10px 45px 0px 45px;

}

/* MENU */

#menu #menu-logo img{
    max-width: 150px;
}

#body-site #menu #menu-opcoes{
    margin-left: -25px;
}
#body-site, #body-site #menu, #body-site #menu-mobile-new{
    background-color: #FFC700;
}
#body-site #rodape{
    opacity: 1;
}
#body-site footer{
    background: rgb(30 54 148 / 85%);
}
#body-site #rodape{
    background: rgb(30 54 148 / 90%);
}
#body-site #hamburguer::before, #body-site #hamburguer::after, #body-site #hamburguer{
    background: #1E3694;
}
#body-site #menu a{
    color: #1E3694;
}

/* LOGIN ADMIN */

#login-acesso-img {
    width: 180px;
}


/* FOOTER */

footer #footer-logo-img{
    max-width: 180px;
}

/* MEDIA SCREEN **/

@media screen and (max-height: 699px){
    #menu-cabecalho img {
        max-width: 125px;
    }
}

@media screen and (max-width: 1024px){
    #menu-cabecalho img {
        max-width: 125px;
    }
}
@media screen and (min-width: 1500px){    
    #menu #menu-logo img{
        max-width: 180px;
    }    
}