@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*, h1, h2, h3, h4, h5, h6, span, p, a, .detalhe .conteudo-descricao .desc-prod span, .detalhe .conteudo-descricao .qtd-minima span, .detalhe .conteudo-descricao .nome-ref-prod .nome, .detalhe .conteudo-descricao .nome-ref-prod .sku, .detalhe .conteudo-descricao span.especificacoes, .btn-det-whatsapp, .detalhe .conteudo-descricao .container_btn .bt-padrao, .text-prod .title_produto, .text-prod .ref_produto, .span_sobre, .container-institucional .texto-institucional span{
    font-family: "Poppins", sans-serif;
}
:root{
    --cor-01: #000000; 
    --cor-02: #000000;
    --cor-03: #8D00DA;
    --cor-04: #3F4E4F;
    --cor-05: #d7d7d7;
    --cor-06: #DCD7C9;
    --cor-07: #CECFCF;
    --cor-08: #081A51;
    --branco: #FFFFFF;
}

.d-busca-header .icon-busca .icone-from-busca{
    background-image: url('../img/assets/icon-search.png');
    background-position: 0;
}
.d-car{
    background-image: url('../img/assets/cart.png');
}
.telefone_footer{
    color:var(--branco);
}
.breandcumbs_categoria, section.breandcumbs{
    background-color: var(--cor-07);
}
.breandcumbs table, section.breandcumbs table{
    border-color: var(--cor-08);
}
.breandcumbs table a.link-breandcumbs, .breandcumbs table i.fa-long-arrow-right{
    color: var(--cor-08) !important;
}
/*BOTAO*/
.conteudo-cadastro .botao-padrao, .botao-padrao, .conteudo-contato .conteudo-form .bt-contato, .detalhe .conteudo-descricao .container_btn .bt-padrao, .div-bt .bt, .section-login-header .enviar_senhar, .erro404 .btn-home, section.section-favoritos .btn-orcar, .add-comentario, .btn-solicitar{
    background-color: var(--cor-03) ;
    border: 1px solid var(--cor-03) ;
    color: var(--branco);
}
.texto-finalizado .btn-primary{
    background-color: var(--cor-03) !important;
    border: 1px solid var(--cor-03) !important;
    color: var(--branco) !important;
}
/*BOTAO*/
/* HEADER*/
.header{
    background-color: var(--cor-01);
}
.divi-menu .show-all .fa{
    color: var(--branco);
}
.logo-header{
    width: 79%;
    padding-top: 15px;
    padding-bottom: 15px;
}
/* HEADER*/

/* MENU */
.header-menu .menu-prod{
    background-color: var(--cor-01);
    border-top: 2px solid var(--cor-03);
}
.section-login-header .title, small, .esqueceu-senha span , a, .sem-cadastro span, a, .section-login-header h4.modal-title{
    color: var(--branco) !important;
}
.header-menu .menu-prod ul li a{
    color: var(--branco);
}
.header-menu .menu-prod ul li a:hover{
    background-color: var(--cor-03);
    color: var(--branco);
}
@media(max-width:991px){
    .d-car{
        background-image: url(../img/assets/cart_mobi.png);
    }
    .conteudo-top-mobile img, .header-menu .d-logo-mobile img{
        width: 195px;
        filter: none;
    }
}
.close-dropdown{
    visibility: hidden;
    display: none;
}
section.section-favoritos{
    background-color: var(--cor-01);
    padding-bottom: 40px;
}
section.section-favoritos span.title{
    color: var(--branco);
}
section.section-favoritos .produto-fav{
    padding: 15px 8px 8px 8px;
}
.sec-cadastro{
    border-bottom: 2px solid var(--branco);
}
.sec-cadastro , .sec-cadastro .conteudo-cadastro .div-cadastro{
    background-color: var(--cor-01);
}
.d-from-cadastro-conteudo .form-group{
    margin-bottom: 10px;
}
.sec-cadastro .title, i.fa{
    color: var(--branco);
}
/* MENU */
.topo-header .dropdown-menu{
    background-color: var(--cor-01);
}
.busca-carrinho{
    top: 7px;
}
.home_selected, .sobre_selected, .contato_selected, .blog_selected{
    color: var(--cor-03) !important;
}
.topo-header{
    background-color: var(--cor-02);
}
span.span-tel, .topo-header a{
    color: #FFFFFF;
}
.header-menu{
    background-color: var(--cor-01);
}
.d-busca-header .icon-busca {
    background-color: var(--branco);
}
.d-busca-header .input_busca_form {
    border: 3px solid var(--branco);
}
.divi-menu{
    background-color: var(--cor-01);
    /* margin-right: 10px; */
}
.informacaoutil{
    background-color: var(--cor-01);
}
.informacaoutil p img, .informacaoutil p .texto{
    color: var(--branco);
}
.informacaoutil p .btn-download{
    background-color: var(--cor-03);
    border: 1px solid var(--cor-03);
    color: var(--branco);
}
.footer{
    border-top: 4px solid var(--branco);
    background-color: var(--cor-01);
}
.footer .menu_footer{
    background-image: none;
    /* background-image: url(../img/logo/logo-background.png); */
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}
.footer .telefone_footer{
    color:var(--branco)
}
.logo-endereco .logo-rodape{
    filter: none;
}
.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(--branco);
}
.sub-footer{
    background-color: var(--cor-01);
}
.redes-sociais-flutuantes{
    background-color: var(--cor-01);
}
.produto{
    border: 3px solid transparent;
}
.produto:hover{
    border: 3px solid var(--cor-04);
}
.section-login-header .login_button{
    background-color: var(--cor-03);
    border: 1px solid var(--cor-03);
}
.destaque-header{
    background-color: var(--cor-03) !important;
}
.prod_destaques{
    background-color: var(--branco);
}
.section-cat-destaque-footer{
    background-color: var(--cor-01);
}
.conteudo-top-mobile, .conteudo-mobile, .header-menu .d-minha-conta-mobile{
    background-color: var(--cor-01);
    border-top: 1px solid var(--cor-01);
    padding: 10px 0;
}
.span-car{
    background-color: var(--cor-03);
    top: -9px;
}
.span-car table tr td{
    color: var(--branco);
}
.container_produtos_exclusivos .swiper-button-prev .prev{
    background-image: url(../img/assets/_prev.png);
}
.container_produtos_exclusivos .swiper-button-next .next{
    background-image: url(../img/assets/_next.png);
}

/*CADASTRO*/
.conteudo-cadastro{
    background-color: var(--cor-01);
}
.conteudo-cadastro .div-cadastro{
    background-color: var(--cor-01);
}
.texto-cadastro h2{
    color: var(--cor-03);
}
.texto-cadastro span, .d-check-termos label, a{
    color: var(--branco);
}
.texto-institucional span a{
    color: var(--cor-01) !important;
    text-decoration: underline;
}
.container-institucional{
    padding-bottom: 50px;
}
/*CADASTRO*/

/*LOGIN*/
.conteudo-login{
    background-color: var(--cor-01);
}
.conteudo-login .d-login{
    background-color: var(--cor-01);
}
.conteudo-login .d-login label{
    color: var(--branco);
}
/*LOGIN*/

/* CARRINHO */
.titulo-listagem ul li{
    font-weight: 600;
    color: #000;
}
.titulo-listagem, .produto-carrinho{
    border-bottom: 3px solid var(--cor-04);
}
.produto-carrinho .fa-trash{
    color: var(--cor-04);
    font-size: 32px;
}
.car-inputs{
    border-radius: 0;
}
/* CARRINHO */
.categoria-destaquecategoria .caixa-texto{
    background-color: var(--cor-01);
}
.categoria-destaquecategoria .caixa-texto h3{
    color: var(--branco);
}
.sub-categoria .ul-categoria li a{
    color: var(--cor-01) !important;
}
.container-filtro .sub-categoria .ul-categoria li:hover a{
    color: var(--branco) !important;
}
.voltar_topo{
    bottom: 50%;
}
.d-valores small{
    color: var(--cor-01) !important
}
@media(max-width:991px){
    .redes-sociais-flutuantes{
        display: none;
        visibility: hidden;
    }
    .informacaoutil{
        padding-bottom: 15px;
    }
    .informacaoutil p .btn-download{
        display: block;
        max-width: 100%;
        padding: 5px;
        text-align: center;
        font-size: 12px; 
        margin-top: 0px;
    }
    .header-menu .conteudo-menu ul {
        background: var(--cor-01);
    }
    .header-menu .conteudo-menu ul li{
        border-bottom: 1px solid var(--branco);
    }
    .header-menu .conteudo-menu ul>li>a, .link_com_filho .fa-categoria, .header-menu .conteudo-menu ul>li>a b{
        color: var(--branco);
    }
    .header-menu .menu-prod ul li a:hover,  .header-menu .menu-prod ul li a, .header-menu .menu-prod .sub-menu .menu-sub li a span{
        background-color: var(--cor-01);
        color: var(--branco);
    }
    .logo-endereco .div-end .title, .logo-endereco .div-end .tel, .logo-endereco .div-end .end, .d-buscar-mobile .fa-search, .d-buscar-mobile .input_busca_form::placeholder{
        color: var(--branco);
    }
    .d-buscar-mobile{
        background-color: var(--cor-03);
    }
    .d-buscar-mobile .input_busca_form{
        margin-top: 10px;
    }
    .mprod {
        background-color: var(--branco);
        border-radius: 0;
        border: 4px solid var(--cor-04);
    }
    .categoria-destaquecategoria{
        padding: 0;
    }
    .informacaoutil .container{
        padding-left: 0;
        padding-right: 0;
    }
    .span-car{
        background-color: var(--cor-04);
    }
    .span-car table tr td{
        color: var(--branco);
    }
    .d-logo-mobile{
        padding: 10px 0;
    }
    .categoria-destaquecategoria table td.td-left {
        border-top: 4px solid var(--branco);
        border-left: 4px solid var(--branco);
        border-bottom: 4px solid var(--branco);
    }
    .categoria-destaquecategoria table td.td-right {
        border-top: 4px solid var(--branco);
        border-right: 4px solid var(--branco);
        border-bottom: 4px solid var(--branco);
    }
    .d-logo-mobile{
        background-color: var(--cor-01);
    }
    .btn-solicitar{
        width: 100%;
    }
    .conteudo-login .d-login .d-title span, .div-cadastro span{
        color: var(--branco);
    }
    .conteudo-destaquecategoria{
        padding-top: 20px;
    }
}
.conteudo-contato .fa{
    color: var(--cor-03);
}
.dados-contato a{
    color: var(--cor-01) !important;
}
/* ERRO 404 */
.erro404{
    background-color: var(--cor-01);
}
.erro404 h1 span, .erro404 h1, .erro404 .title, .erro404 .subtitle{
    color: var(--branco);
}

/* DETALHE */
.detalhe .conteudo-descricao span.especificacoes.valor{
    color: var(--cor-01);
}
.relacionados .conteudo-produtos-relacionados{
    border-color: transparent;
}
.relacionados .title span {
    color: #226262;
}
/* DETALHE */

/* LISTAGEM */
.container-filtro .sub-categoria .ul-categoria li:hover, .container-filtro .d-cor .ul-cor li:hover{
    background-color: var(--cor-01);
}
.container-filtro .ordem .select-ordem{
    border-color: var(--cor-04);
}
.btn-filtro-mobile span.yellow-bg, .btn-ativar-filtro{
    background-color: var(--cor-04) !important;
    border: 1px solid var(--cor-04) !important;
    color: var(--branco) !important;
}
/* LISTAGEM */
.conteudo-catalogo{
    background-color: var(--cor-01);
    margin: 0;
    padding: 50px 0;
}
.conteudo-catalogo h1.title{
    color: var(--branco) !important;
}