@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

:root{
    --cor-01: #F6A61C; 
    --cor-02: #F4F4F4;
    --cor-03: #164B60;
    --branco: #FFFFFF;
    --preto:  #1D1D1D;
    --fonte:  #FF9B17;
}

* {
    font-family: 'Ubuntu', sans-serif;
}

.home_selected, .contato_selected, .sobre_selected, .promocoes_selected{
    color: var(--cor-01) !important;
}

/*404*/
.erro404 h1, .erro404 h1 span{
    color: var(--cor-01);
}
/*404*/

/*BOTAO*/   
.produto .botao-car .bt, .conteudo-contato .conteudo-form .bt-contato, .detalhe .conteudo-descricao .container_btn .bt-padrao, #finaliza_desconectado, #enviar_form, .erro404 .btn-home{
    background-color: var(--cor-01) !important;
    border: 1px solid var(--cor-01) !important;
    color: var(--branco) !important;
}
/*BOTAO*/

/*MENU*/
.d-car{
    color: var(--preto);
}
.span-car table tr td{
    color: var(--cor-01);
}
.header-menu .span-car{
    background-color: var(--branco);
}
span.span-tel{
    color: var(--fonte);
}
.header-menu .conteudo-menu div>ul>li>a{
    color: var(--preto);
}
.header-menu{
    background-color: var(--cor-01);
}
.d-busca-header .icon-busca {
    background-color: var(--cor-01);
    top: 0px;
}
/* .d-busca-header .input_busca_form {
    border: 3px solid var(--cor-01);
} */
.divi-menu .show-all span{
    color: var(--preto);
    font-size: 16px;
}
.header-menu .menu-prod, .header-menu .conteudo-menu ul li ._subcat{
    background-color: var(--preto);
    border-top: 6px solid var(--cor-01);
}
.header-menu .menu-prod ul li a, .header-menu .menu-prod ul li ._subcat li a{
    color: var(--branco) !important;
}
.header-menu .menu-prod ul li a:hover, .header-menu .menu-prod ul li ._subcat li a:hover{
    color: var(--preto) !important;
    background-color: var(--cor-01);
}
/*MENU*/

/*FOOTER*/
.footer .footer-dados span, a, .footer .footer-dados i, .footer .menu-footer a, .footer .redes-sociais i, .footer .redes-sociais span{
    color: var(--branco);
}

.footer {
    background-color: var(--preto);
}

.sub-footer{
    background-color: var(--cor-01);
}

/*FOOTER*/
/*CONTATO*/

.footer-dados .div-dados-contato span,
.footer-dados .div-dados-contato a,
.footer-dados .conteudo-rede-contato .nav-redes li a,
.footer-dados .conteudo-rede-contato h3 {
    color: var(--branco); /* cor do footer */
}

/* E o estilo padrão continua para o resto */
.div-dados-contato span,
.div-dados-contato a,
.conteudo-rede-contato .nav-redes li a,
.conteudo-rede-contato h3 {
    color: var(--preto); /* para a página de contato ou outras */
}


/*PRODUTO*/
.produto:hover{
    border-color: var(--cor-01);
}
/*PRODUTO*/

/* MOBILE */
.conteudo-mobile{
    background-color: var(--preto);
}
.header-menu .d-logo-mobile{
    background-color: var(--branco);
}
.header-menu .d-minha-conta-mobile{
    background-color: var(--preto);
}
@media (max-width:991px){
    .header-menu .conteudo-menu div>ul>li>a{
        color: var(--preto) !important;
    }
    .header-menu .menu-prod ul li a:hover, .header-menu .menu-prod ul li ._subcat li a:hover{
        color: var(--preto) !important;
        background-color: var(--branco) !important;
    }
    .span-car table tr td{
        color: var(--branco);
    }
    .btn_mob_filtro_opcoes .bt, .btn-warning{
        background-color: var(--cor-01) !important;
        color: var(--branco) !important;
    }
    .swal2-popup .swal2-close{
        color: var(--cor-01);
    }
    .relacionados .d-relacionados{
        height: 256px !important;
    }
    .fa-angle-down:before {
        display: none !important;
    }
}
.ul-cor li{ 
    display: inline-block;
    width: 50%;
    text-align: left;
    margin: 5px 0;
}
/* MOBILE */

.span-tel a{
    color: var(--preto) !important;
}

.span-tel {
    color: black !important;
}

.logo-header {
    width: 80%;
    display: block;
    margin-left: 15px;
    margin-top: 5px;
}

.footer .nav-redes ion-icon {
    color: white;
    font-size: 38px;
}

.whatsapp a {
    display: inline-block;
    position: fixed;
    bottom: 50px !important;
    right: 1%;
    z-index: 9;
}

/* .voltar_topo img {
    position: fixed;
    bottom: 120px;
    right: 1%;
    background-color: var(--cor-01);
    color: var(--branco);
    padding: 10px;
    border-radius: 50%;
} */

.voltar_topo img {
    display: none !important;
}

.header-menu {
    text-align: center;
}

.conteudo-menu li a {
   /* margin: 0 20px; */
   text-align: center;
}

.conteudo-top-mobile {
    background-color: var(--preto);
}

.conteudo-top-mobile img {
    width: 185px;
    margin: 0 auto;
    padding: 15px 0;
    content: url('../img/logo/logo-admin.png');
}

@media (max-width: 991px) {
    .d-car {
        top: 10px;
        color: var(--branco);
    }
}

h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: #f6a723; /* cor da linha na imagem */
  margin-top: 18px; /* espaço entre o texto e a linha */
}

.d-car {
  font-size: 3rem !important;
  margin-top: -4px !important;
}

.bt-padrao i {
  color: var(--branco) !important;
  margin-top: -22px !important;
}

.texto-finalizado .btn-primary {
    color: var(--preto) !important;
}



