:root{
    --cor-01: #FDB201;    ;
    --cor-02: #363636;
    --branco: #FFFFFF;
    --preto: #000000;
    --cinza: #484848;
}
@font-face {
    font-family: 'NecoraSlab';
    src: url('fonts/NECORA-SLAB.woff2') format('woff2'),
         url('fonts/NECORA-SLAB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NecoraSerif';
    src: url('fonts/NECORA-SERIF.woff2') format('woff2'),
         url('fonts/NECORA-SERIF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NecoraSans';
    src: url('fonts/NECORA-SANS.woff2') format('woff2'),
         url('fonts/NECORA-SANS.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NecoraObliqueLab';
    src: url('fonts/NECORA-OBLIQUESLAB.woff2') format('woff2'),
         url('fonts/NECORA-OBLIQUESLAB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NecoraObliqueSans';
    src: url('fonts/NECORA-OBLIQUESANS.woff2') format('woff2'),
         url('fonts/NECORA-OBLIQUESANS.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body, * {
    font-family: 'NecoraSlab', sans-serif;
}
.header{
    padding-top: 15px;
    padding-bottom: 25px;
}
.logo-header{
    width: 80%;
    margin: 0;
}
.d-car{
    font-size: 0;
    color: transparent;
}
.header-menu{
    background-color: var(--cor-01);
}
.divi-menu{
    background-color: var(--cinza);
}
.d-car{
    background-image: url(../img/assets/cart.png);
}
.span-car{
    background-color: var(--cor-01);
}
.span-car table tr td{
    color:#FFF;
}
.d-busca-header .icon-busca{
    background-color: var(--cinza);
}
.divi-menu .show-all .fa{
    color: var(--cor-01);
    margin-right: 15px;
}
.text-head{
    font-weight: bold;
    color: var(--cinza);
}
.header-menu .menu-prod ul li a:hover{
    background-color: var(--cor-01);
}
.header-menu .menu-prod{
    border-top: 6px solid var(--cor-01);
}
.li-menu-institucional{width:63%}
.li-menu-institucional a{
    color:#FFF;
    font-weight: 600;
}
.container_destaques_promocao_index{
    background-color: var(--cor-01);
}
.container_destaques_promocao_index .conteudo_destaque ul li.selecionado a{
    background-color: var(--cinza);
    color:#FFF;
}
.div-bt .bt{
    background-color: var(--cor-01);
    border:1px solid var(--cor-01);
    color:#FFF;
}
.detalhe .conteudo-descricao .container_btn .bt-padrao{
    background-color: var(--cor-01);
    border:1px solid var(--cor-01);
    color:#FFF;
}
.detalhe .conteudo-descricao .container_btn .carrinho_detalhe{
    background-image: url(../img/assets/cart-icon.png);
}
.detalhe .conteudo-descricao span.especificacoes.valor{
    color: var(--cor-01);
}
.botao-padrao.botao-claro:hover{color:var(--cor-01)}
.btn-primary{
    background-color: var(--cor-01) !important;
    border:1px solid var(--cor-01) !important;
    color:#FFF !important;
}
.botao-padrao, .conteudo-contato .conteudo-form .bt-contato,
.add-comentario{
    background-color: var(--cor-01);
    border:1px solid var(--cor-01);
    color:#FFF;
}
.qtd-coment-post{color:var(--cor-01)}
.botao-padrao:hover{color:var(--cinza)}
.footer{
    background-color: #eff1ef;
}
.logo-endereco .logo-rodape{
    max-width: 178px;
}
.logo-endereco .div-end .title, .logo-endereco .div-end .tel, .logo-endereco .div-end .end,
.menu-footer ._title, .menu-footer ul li a{
    color:var(--preto);
}
.sub-footer{
    background-color: var(--cinza);
}
/*** MOBILE***/
.conteudo-top-mobile img,
.header-menu .d-logo-mobile img{
    width: 80%;
}
.header-menu .d-logo-mobile{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #FFF;
}
.conteudo-mobile,
/* .header-menu .d-minha-conta-mobile{
    background-color: var(--cor-01);
} */
.conteudo-mobile{ background-color: var(--cor-01);}
.header-menu .d-minha-conta-mobile a{
    padding-top: 14px;
    padding-bottom: 12px;
}
.btn-filtro-mobile span{color:#042938 !important;}
.btn-ativar-filtro{
    background-color: var(--cor-01);
    border:1px solid var(--cor-01);
    color:#FFF;
}
.btn-filtro-mobile span.yellow-bg{
    background-color: var(--cor-01) !important;
    color:#FFF !important;
}
.d-buscar-mobile .fa-search{color:#FFF;}
.d-buscar-mobile{
    position: relative;
    top:5px;
}
@media(max-width:991px){
    .li-menu-institucional{display: none !important;}
    .container_destaques_promocao_index .conteudo_destaque ul li a{color:#FFF}
    .logo-endereco .div-end .title, .logo-endereco .div-end .tel, .logo-endereco .div-end .end{color:var(--cinza);}
    .d-car{top:3px}
    .fa-info-circle{display: none;}
    .d-botoes-2 .botao-padrao{width:100%;}
    .container_destaques_promocao_index .row{margin: 0;}
    .item_excluir{right:5%;}
    .car-descricao>.fa{right:-18%;}
    /**APLICAR NO MAXXI**/
    .conteudo-pedido .container .row{margin:0}
    .img-referencia>li:first-child{padding-right:10px;}
    .header-menu .menu-prod li:last-child{border-bottom: 1px solid var(--preto);}
    .header-menu .menu-prod .sub-menu .menu-sub li:last-child{border-bottom: 1px solid var(--preto);}
    .d-car{background-image: url(../img/assets/cart_mobi.png);}
    .span-car{background-color:var(--cinza);}
    .header-menu .conteudo-menu ul>li>a{background-color:#FFF;}
    /**APLICAR NO MAXXI**/
}
#boxlogin{
    background-color: #042938;
}
.divi-menu .show-all span, .header-menu .conteudo-menu>ul>li>a{
    color: #FFF;
    font-family: 'NecoraSlab', sans-serif;
}
span.span-tel, .topo-header a, .text-prod .ref_produto, .text-prod .title_produto, section.section-maisvistos .titulo, .detalhe .conteudo-descricao .nome-ref-prod .nome, .detalhe .conteudo-descricao .nome-ref-prod .sku, .detalhe .conteudo-descricao .desc-prod span, .detalhe .conteudo-descricao .qtd-minima span, .detalhe .conteudo-descricao .container-cor small, .d-valores small, .detalhe .conteudo-descricao .container_btn .favorito, .detalhe .conteudo-descricao .d-redes li span, .detalhe .conteudo-descricao .d-redes li a i, .relacionados .title span{
    color: var(--preto);
}
.container-logocliente{
    margin-top: 25px;
}
.footer{
    margin-top: 5px;
}