/* EXFA — tokens. Topo do CSS personalizado da Loja Integrada. Fonte: manual-marca-exfa.html, seção 08. */
@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700;800&display=swap");

:root {
  --exfa-noite: #0F1A0B;
  --exfa-mata: #2B6029;
  --exfa-mata-hover: #224D21;
  --exfa-folha: #6FAF4F;
  --exfa-areia: #F3F1E8;
  --exfa-caqui: #C9BFA3;
  --exfa-terra: #7A4E2A;
  --exfa-brasa: #BF5417;
  --exfa-texto: #1B1F17;
  --exfa-texto-2: #4F574A;
  --exfa-texto-3: #666E61;   /* 5,3:1 sobre branco, 4,7:1 sobre Areia (AA nos dois) — era #6F776A até 23/09/2026 */
  --exfa-linha: #E2E0D6;
  --exfa-linha-forte: #C3BFAE;
  --exfa-erro: #B3261E;
  --exfa-display: "Big Shoulders Display", "Open Sans", Arial, sans-serif;
  --exfa-texto-fonte: "Open Sans", Arial, sans-serif;
  --exfa-raio: 8px;
  --exfa-raio-tag: 4px;
  --exfa-sombra: 0 8px 24px -14px rgba(15,26,11,.35);
  --exfa-largura: min(94vw, 1800px);   /* largura do conteudo: 94% da tela ate 1800 px (plataforma 1140, tema 1274) */
}

/* ============================================================
   EXFA 2 — REMAPA DE CORES DO TEMA ALPHA (gerado)
   Cada regra do tema que usava marrom #211700, laranja #a25b00,
   hover #a57538, verde #55af59, cinzas frios ou Poppins, repetida
   com prefixo `html ` (ganha a especificidade) e a cor trocada pelo
   token. Nao editar a mao: regenerar com gen_css.py.
   ============================================================ */
html .barra-inicial .lista-redes ul li:hover a i{color:var(--exfa-texto)}
html .barra-inicial .lista-redes [class^=icon]{color:#8E9688}
html .barra-inicial .canais-contato ul li a,html .barra-inicial .canais-contato ul li span{color:#8E9688}
html .barra-inicial .canais-contato ul li a:hover,html .barra-inicial .canais-contato ul li span:hover{color:var(--exfa-texto)}
html .barra-inicial .canais-contato ul li:after{color:#8E9688}
html .barra-inicial .top-actions .top-action-item a{color:#8E9688}
html .barra-inicial .top-actions .top-action-item a .icon{fill:#8E9688}
html .barra-inicial .top-actions .top-action-item a:hover{color:var(--exfa-texto)}
html .barra-inicial .top-actions .top-action-item a:hover .icon{fill:var(--exfa-folha)}
html .barra-inicial .top-actions .top-action-item.rastreio:hover a{color:var(--exfa-texto)}
html .barra-inicial .top-actions .top-action-item.rastreio:hover a .icon{fill:var(--exfa-folha)}
html .barra-inicial .top-actions .top-action-item.rastreio:hover:after{color:var(--exfa-texto)}
html .barra-inicial .top-actions .top-action-item.rastreio:after{color:#8E9688}
html #cabecalho{background:var(--exfa-noite)}
html #cabecalho .busca input,html #cabecalho .busca input:focus{color:var(--exfa-texto-3);border:1px solid var(--exfa-linha)}
html #cabecalho .busca input::-webkit-input-placeholder,html #cabecalho .busca input:focus::-webkit-input-placeholder{color:var(--exfa-texto-3)}
html #cabecalho .busca input:-moz-placeholder,html #cabecalho .busca input::-moz-placeholder,html #cabecalho .busca input:focus:-moz-placeholder,html #cabecalho .busca input:focus::-moz-placeholder{color:var(--exfa-texto-3)}
html #cabecalho .busca input:-ms-input-placeholder,html #cabecalho .busca input:focus:-ms-input-placeholder{color:var(--exfa-texto-3)}
html #cabecalho .busca .botao{color:var(--exfa-texto-3)}
html #cabecalho .busca .botao:hover{color:var(--exfa-texto-3)}
html #cabecalho .actions>li>a .icon *,html #cabecalho .actions>li>a .icon circle{fill:var(--exfa-folha)}
html #cabecalho .actions>li:hover>a>.titulo{color:var(--exfa-texto-3)}
html #cabecalho .account .account-list li a{color:var(--exfa-texto)}
html #cabecalho .account .account-list li a .icon{fill:var(--exfa-folha)}
html #cabecalho .account .account-list li a .icon *{fill:var(--exfa-folha)}
html #cabecalho .account .account-list li:hover a{color:var(--exfa-texto)}
html #cabecalho .support .support-items .icon{fill:var(--exfa-folha)}
html #cabecalho .support .support-items .contact{border-bottom:1px solid var(--exfa-linha)}
html #cabecalho .support .support-items .contact li a,html #cabecalho .support .support-items .contact li span{color:var(--exfa-texto)}
html #cabecalho .support .support-items .contact li a:hover,html #cabecalho .support .support-items .contact li span:hover{color:var(--exfa-texto)}
html #cabecalho .support .support-items .office-hours{border-bottom:1px solid var(--exfa-linha)}
html #cabecalho .support .support-items .office-hours .icon .c{fill:var(--exfa-folha)}
html #cabecalho .support .support-items .office-hours p{color:var(--exfa-texto)}
html #cabecalho .support .support-items .office-hours p.title{color:var(--exfa-texto)}
html #cabecalho.fixed .open-menu .line{background:var(--exfa-mata)}
html .full.menu{background-color:var(--exfa-noite);border-top:1px solid var(--exfa-linha)}
html .full.menu .conteiner .nivel-um>li>a>.titulo{font-family:var(--exfa-texto-fonte)}
html .full.menu .conteiner .nivel-um>li.offers>a{background:var(--exfa-mata)}
html .full.menu .conteiner .nivel-um>li.offers:hover>a{background-color:var(--exfa-mata-hover)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .mega-recebe-prod .listagem .slick-slider .slick-next svg,html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .mega-recebe-prod .listagem .slick-slider .slick-prev svg{fill:var(--exfa-folha)!important}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .promo .title{color:var(--exfa-mata)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .promo p{color:var(--exfa-texto)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .promo .bandeira-desconto{font-family:var(--exfa-texto-fonte);background-color:var(--exfa-mata)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .promo:after{background-color:var(--exfa-linha)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .counter .title{color:var(--exfa-texto)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .counter .counter-wrap .icon-offer .a{fill:var(--exfa-folha)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .counter .counter-wrap .item:before{color:var(--exfa-texto)}
html .full.menu .conteiner .nivel-um>li.offers .nivel-dois .counter-offer .counter .counter-wrap .item .description:before{color:var(--exfa-texto)}
html .full.menu .conteiner .nivel-um>li:hover>a>.titulo{color:var(--exfa-texto-3)}
html .full.menu .conteiner .nivel-um>li.other-categories>.nivel-dois li:hover a strong{color:var(--exfa-texto)}
html .full.menu .conteiner .nivel-um>li.other-categories>.nivel-dois li a strong{color:#8E9688}
html .full.menu .conteiner .nivel-dois li a{color:#8E9688}
html .full.menu .conteiner .nivel-dois li .titulo{color:var(--exfa-linha-forte)}
html .full.menu .conteiner .nivel-dois li:hover>a{color:var(--exfa-texto)}
html #fullbanner-mob ul.slick-dots li.slick-active button{background:var(--exfa-mata)}
html #carouselImagem .flex-direction-nav a.flex-next .icon *,html #carouselImagem .flex-direction-nav a.flex-prev .icon *{fill:var(--exfa-texto)}
html #corpo .conteiner>.marcas .flex-direction-nav .flex-next .icon *,html #corpo .conteiner>.marcas .flex-direction-nav .flex-prev .icon *{fill:var(--exfa-texto)}
html #rodape .institucional{background:var(--exfa-noite)}
html #rodape .institucional li a:hover{color:var(--exfa-texto-3)}
html #rodape .pagamento-selos .titulo{color:var(--exfa-texto)}
html #rodape .sobre-loja-rodape .more{background-color:var(--exfa-mata);border:2px solid var(--exfa-mata)}
html #rodape .sobre-loja-rodape .more:hover{background-color:var(--exfa-mata-hover);border:2px solid var(--exfa-mata-hover)}
html #rodape .links-rodape-paginas+.links-rodape-atendimento .location .title-location #viewMap:hover{color:var(--exfa-mata-hover)}
html #rodape .links-rodape-atendimento ul{border-bottom:.5px solid var(--exfa-linha)}
html #rodape .componente.newsletter .interno .texto-newsletter{color:var(--exfa-texto-3)}
html #rodape .componente.newsletter .interno .input-conteiner input{color:var(--exfa-texto-3)}
html #rodape .componente.newsletter .interno .input-conteiner input::-webkit-input-placeholder{color:#8E9688}
html #rodape .componente.newsletter .interno .input-conteiner input:-moz-placeholder,html #rodape .componente.newsletter .interno .input-conteiner input::-moz-placeholder{color:#8E9688}
html #rodape .componente.newsletter .interno .input-conteiner input:-ms-input-placeholder{color:#8E9688}
html #rodape .componente.newsletter .interno .input-conteiner .botao{background:var(--exfa-noite)}
html #rodape .componente.newsletter .interno .input-conteiner .botao:after{font-family:var(--exfa-texto-fonte)}
html #rodape .componente.newsletter .interno .newsletter-confirmacao .icon-ok{color:var(--exfa-texto)}
html #modalContato .modal-header .titulo,html #modalMap .modal-header .titulo{color:var(--exfa-texto)}
html #modalContato .modal-header .close,html #modalMap .modal-header .close{color:var(--exfa-texto)}
html #modalContato .form-horizontal .modal-body .control-group .controls input,html #modalContato .form-horizontal .modal-body .control-group .controls textarea,html #modalMap .form-horizontal .modal-body .control-group .controls input,html #modalMap .form-horizontal .modal-body .control-group .controls textarea{box-shadow:0 0 9px -2px var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html #modalContato table td b,html #modalMap table td b{color:#8E9688}
html #modalContato table td span,html #modalMap table td span{color:var(--exfa-texto)}
html #modalContato .controls .botao,html #modalMap .controls .botao{background-color:var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html #modalContato .controls .botao.principal,html #modalMap .controls .botao.principal{box-shadow:none;background:var(--exfa-mata)}
html #modalContato .controls .botao.principal+.botao,html #modalMap .controls .botao.principal+.botao{border-color:#8E9688}
html .pagina-carrinho #corpo .secao-principal .caixa-destaque>h1{font-family:var(--exfa-texto-fonte)}
html .pagina-carrinho #corpo .secao-principal .caixa-destaque>.botao{background-color:var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .excluir a,html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .quantidade a{color:var(--exfa-texto)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho thead tr{border:1px solid var(--exfa-linha)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho tbody tr.bg-dark{border:1px solid var(--exfa-linha)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho h6{color:#8E9688}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal label b{color:var(--exfa-texto)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal .btn{box-shadow:none;background:var(--exfa-mata);font-family:var(--exfa-texto-fonte)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal .btn:hover{box-shadow:none;background:var(--exfa-mata-hover)}
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal #calcularFrete,html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal #usarCupom{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .pagina-carrinho #corpo .finalizar-compra .acao-editar .botao{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html .pagina-carrinho #corpo .finalizar-compra .acao-editar .botao.principal{background-color:var(--exfa-mata);box-shadow:none}
html .pagina-carrinho.carrinho-checkout .control-group.erro input,html .pagina-carrinho.carrinho-checkout .control-group.error input{border:1px solid var(--exfa-erro)!important}
html .pagina-carrinho.carrinho-checkout #exibirFormasPagamento .btn{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte)}
html .pagina-carrinho.carrinho-checkout #exibirFormasPagamento .btn,html .pagina-carrinho.carrinho-checkout #finalizarCompra{font-family:var(--exfa-texto-fonte)}
html .pagina-carrinho.carrinho-checkout #finalizarCompra{background:var(--exfa-mata);background-color:var(--exfa-mata);box-shadow:none}
html .pagina-carrinho.carrinho-checkout .control-group.erro .control-label,html .pagina-carrinho.carrinho-checkout .control-group.erro .help-block,html .pagina-carrinho.carrinho-checkout .control-group.erro .help-inline{color:var(--exfa-erro)}
html .pagina-carrinho.carrinho-checkout #formularioCheckout .caixa-sombreada{border:1px solid var(--exfa-linha)}
html .pagina-carrinho.carrinho-checkout .campos-pedido .identificacao .botao.principal{box-shadow:none;background-color:var(--exfa-mata);border:2px solid var(--exfa-mata)}
html .pagina-carrinho.carrinho-checkout .campos-pedido .identificacao .botao.principal:hover{box-shadow:none;background-color:var(--exfa-mata-hover);border:2px solid var(--exfa-mata-hover)}
html .pagina-carrinho.carrinho-checkout .campos-pedido .identificacao .submit-email.botao.principal{box-shadow:none;background:var(--exfa-mata)}
html .pagina-carrinho.carrinho-checkout .campos-pedido legend{border-color:var(--exfa-noite);color:var(--exfa-texto)}
html .pagina-carrinho.carrinho-checkout .campos-pedido legend [class^=icon-]{color:var(--exfa-texto)}
html .pagina-carrinho.carrinho-checkout .campos-pedido .identificacao .identificacao-title{color:var(--exfa-texto)}
html #comprar-ajax-status .buttons .botao.continuar-comprando{background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html #comprar-ajax-status .buttons .botao.principal{box-shadow:none;background:var(--exfa-mata)}
html #comprar-ajax-status .table-footer form .btn{box-shadow:none;background:var(--exfa-mata);font-family:var(--exfa-texto-fonte)}
html .pagina-produto .breadcrumbs ul li a{color:var(--exfa-texto)}
html .pagina-produto .breadcrumbs ul li:last-child a{color:#8E9688}
html .pagina-produto #corpo .produto .principal .nome-produto{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto b{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto span{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .atributos .atributo-comum b{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .atributos .atributo-comum span{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .atributos ul li .atributo-item{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .pagina-produto #corpo .produto .principal .atributos ul li.active a,html .pagina-produto #corpo .produto .principal .atributos ul li:hover a{background-color:var(--exfa-mata);box-shadow:none}
html .pagina-produto #corpo .produto .principal .size-table .open-table{box-shadow:0 0 9px -2px var(--exfa-linha-forte);color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .size-table .open-table:hover{box-shadow:none;background-color:var(--exfa-mata)}
html .pagina-produto #corpo .produto .principal .acoes-produto{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .pagina-produto #corpo .produto .principal .acoes-produto .view-forma-pagamento{color:var(--exfa-mata)}
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-venda{color:#8E9688}
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-promocional{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-parcela,html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-parcela strong{color:var(--exfa-texto-3)}
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto span.preco-a-partir strong{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .desconto-a-vista,html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .desconto-a-vista strong{color:var(--exfa-texto-3)}
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho{color:var(--exfa-texto);box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtd-nav .bt-qty-p{background:var(--exfa-linha);color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .botao-comprar{box-shadow:none;background:var(--exfa-mata)}
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .botao-comprar:hover{box-shadow:none;background:var(--exfa-mata-hover)}
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .disponibilidade-produto{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .disponibilidade-produto .cor-principal{color:var(--exfa-mata)}
html .pagina-produto #corpo .produto .principal .parcelas-produto .accordion{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .pagina-produto #corpo .produto .principal .cep label{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .principal .cep .input-append.input-prepend .input-small.input-cep[type=tel]{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .pagina-produto #corpo .produto .principal .cep .input-append.input-prepend .btn:before{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .box-social-network{border-right:1px solid #8E9688}
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .box-social-network:before{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .box-social-network i{color:#8E9688}
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .lista-favoritos{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .lista-favoritos i{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .acoes-flutuante .close_float{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .acoes-flutuante .nome-produto{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-venda{color:#8E9688}
html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-a-partir .preco-venda,html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-promocional.cor-principal{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-parcela,html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-produto .preco-parcela .titulo,html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-produto .preco-parcela strong{color:var(--exfa-texto-3)}
html .pagina-produto #corpo .produto .acoes-flutuante .botao-comprar{box-shadow:none;background:var(--exfa-mata)}
html .pagina-produto #corpo .produto .acoes-flutuante .disponibilidade-produto{color:var(--exfa-texto)}
html .pagina-produto #corpo .produto .acoes-flutuante .disponibilidade-produto .cor-principal{color:var(--exfa-mata)}
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2{color:var(--exfa-texto)}
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2 small{color:var(--exfa-linha-forte)}
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2:after{background-color:var(--exfa-mata)}
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao .tabs li{border:1px solid var(--exfa-linha-forte);color:#8E9688}
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao .tabs li.current{background:var(--exfa-noite);border-color:var(--exfa-noite)}
html .pagina-produto #corpo .listagem.aproveite-tambem>h4.titulo{color:var(--exfa-texto)}
html .pagina-produto #corpo .listagem.aproveite-tambem>h4.titulo small{color:var(--exfa-linha-forte)}
html .pagina-produto #corpo .listagem.aproveite-tambem>h4.titulo:after{background-color:var(--exfa-mata)}
html .pagina-busca #corpo .secao-principal .conteudo .botao.secundario,html .pagina-categoria #corpo .secao-principal .conteudo .botao.secundario{box-shadow:none;background:var(--exfa-mata)}
html .pagina-busca .menu.lateral .nivel-um>li.ativo i,html .pagina-categoria .menu.lateral .nivel-um>li.ativo i{color:var(--exfa-texto)}
html .pagina-busca .menu.lateral .nivel-um>li.ativo a .titulo,html .pagina-categoria .menu.lateral .nivel-um>li.ativo a .titulo{color:var(--exfa-texto)}
html .pagina-busca .menu.lateral .nivel-um>li>a .titulo,html .pagina-categoria .menu.lateral .nivel-um>li>a .titulo{color:var(--exfa-texto)}
html .pagina-busca .menu.lateral .nivel-um>li.com-filho>a strong,html .pagina-categoria .menu.lateral .nivel-um>li.com-filho>a strong{color:var(--exfa-texto)}
html .pagina-busca .menu.lateral .nivel-dois>li:hover>a,html .pagina-categoria .menu.lateral .nivel-dois>li:hover>a{color:var(--exfa-texto)}
html .pagina-busca .menu.lateral .nivel-dois>li>a,html .pagina-categoria .menu.lateral .nivel-dois>li>a{color:#8E9688}
html .pagina-busca .menu.lateral .nivel-dois .nivel-tres,html .pagina-categoria .menu.lateral .nivel-dois .nivel-tres{border:1px solid var(--exfa-linha)}
html .pagina-busca .menu.lateral .nivel-dois .nivel-tres>li>a,html .pagina-categoria .menu.lateral .nivel-dois .nivel-tres>li>a{color:var(--exfa-texto-3)}
html .pagina-busca .menu.lateral .nivel-dois .nivel-tres>li:hover>a,html .pagina-categoria .menu.lateral .nivel-dois .nivel-tres>li:hover>a{color:var(--exfa-texto)}
html .pagina-busca .menu.lateral.outras .nivel-um li>a .titulo,html .pagina-categoria .menu.lateral.outras .nivel-um li>a .titulo{color:var(--exfa-texto)}
html .pagina-busca .pagina-busca .menu.lateral li.ativo>a,html .pagina-busca .pagina-categoria .menu.lateral li.ativo>a,html .pagina-categoria .pagina-busca .menu.lateral li.ativo>a,html .pagina-categoria .pagina-categoria .menu.lateral li.ativo>a{color:var(--exfa-texto)}
html .pagina-busca .pagina-categoria .conteudo h1.titulo,html .pagina-categoria .pagina-categoria .conteudo h1.titulo{color:var(--exfa-texto)}
html .pagina-busca .pagina-categoria .conteudo h1.titulo:after,html .pagina-categoria .pagina-categoria .conteudo h1.titulo:after{background:var(--exfa-linha)}
html .pagina-login #corpo .cadastro .caixa-sombreada{border-color:var(--exfa-linha)}
html .pagina-login #corpo .cadastro legend{border-color:var(--exfa-noite);color:var(--exfa-texto)}
html .pagina-login #corpo .cadastro .botao.principal{box-shadow:none;background:var(--exfa-mata)}
html .pagina-cadastro #corpo .cadastro legend{border-color:var(--exfa-linha)}
html .pagina-cadastro #corpo .acao-editar .botao{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html .pagina-cadastro #corpo .acao-editar .botao.principal{background-color:var(--exfa-mata);box-shadow:none}
html .cadastro input[type=password],html .cadastro input[type=text],html .cadastro select{border:1px solid var(--exfa-linha-forte)}
html .cadastro legend{border-color:var(--exfa-noite);color:var(--exfa-texto)}
html .cadastro label{color:var(--exfa-texto)}
html .cadastro .caixa-sombreada.borda-principal{border-color:var(--exfa-linha)}
html .cadastro .caixa-sombreada{border:1px solid var(--exfa-linha-forte)}
html .cadastro .recuperar-senha{color:var(--exfa-texto)}
html .cadastro .recuperar-senha i{color:var(--exfa-texto)}
html .cadastro .recuperar-senha:hover{color:var(--exfa-texto)}
html .pagina-conta #corpo .acao-editar .botao,html .pagina-conta-endereco #corpo .acao-editar .botao,html .pagina-favorito-listar #corpo .acao-editar .botao,html .pagina-pedido-listar #corpo .acao-editar .botao{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte)}
html .pagina-conta #corpo .acao-editar .botao.principal,html .pagina-conta-endereco #corpo .acao-editar .botao.principal,html .pagina-favorito-listar #corpo .acao-editar .botao.principal,html .pagina-pedido-listar #corpo .acao-editar .botao.principal{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-mata)}
html .pagina-conta #corpo .botao.pequeno,html .pagina-conta-endereco #corpo .botao.pequeno,html .pagina-favorito-listar #corpo .botao.pequeno,html .pagina-pedido-listar #corpo .botao.pequeno{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte)}
html .pagina-conta #corpo .botao.pequeno.principal,html .pagina-conta-endereco #corpo .botao.pequeno.principal,html .pagina-favorito-listar #corpo .botao.pequeno.principal,html .pagina-pedido-listar #corpo .botao.pequeno.principal{box-shadow:none;background:var(--exfa-mata)}
html .pagina-conta-endereco .conta-menu,html .pagina-conta .conta-menu,html .pagina-favorito-listar .conta-menu,html .pagina-pedido-listar .conta-menu{border:1px solid var(--exfa-linha)}
html .pagina-conta-endereco .conta-menu .nome-usuario,html .pagina-conta .conta-menu .nome-usuario,html .pagina-favorito-listar .conta-menu .nome-usuario,html .pagina-pedido-listar .conta-menu .nome-usuario{color:var(--exfa-texto);border-bottom:3px solid var(--exfa-noite)}
html .pagina-conta-endereco .conta-menu .nome-usuario i,html .pagina-conta .conta-menu .nome-usuario i,html .pagina-favorito-listar .conta-menu .nome-usuario i,html .pagina-pedido-listar .conta-menu .nome-usuario i{color:var(--exfa-texto)}
html .pagina-conta-endereco .conta-menu .menu-simples li a,html .pagina-conta .conta-menu .menu-simples li a,html .pagina-favorito-listar .conta-menu .menu-simples li a,html .pagina-pedido-listar .conta-menu .menu-simples li a{color:#8E9688}
html .pagina-conta-endereco .conta-menu .menu-simples li a i,html .pagina-conta .conta-menu .menu-simples li a i,html .pagina-favorito-listar .conta-menu .menu-simples li a i,html .pagina-pedido-listar .conta-menu .menu-simples li a i{color:var(--exfa-texto)}
html .pagina-conta-endereco .conta-menu .menu-simples li a:hover,html .pagina-conta .conta-menu .menu-simples li a:hover,html .pagina-favorito-listar .conta-menu .menu-simples li a:hover,html .pagina-pedido-listar .conta-menu .menu-simples li a:hover{color:var(--exfa-texto)}
html .pagina-conta-endereco .cadastro [class*=" icon-"],html .pagina-conta-endereco .conteudo [class*=" icon-"],html .pagina-conta .cadastro [class*=" icon-"],html .pagina-conta .conteudo [class*=" icon-"],html .pagina-favorito-listar .cadastro [class*=" icon-"],html .pagina-favorito-listar .conteudo [class*=" icon-"],html .pagina-pedido-listar .cadastro [class*=" icon-"],html .pagina-pedido-listar .conteudo [class*=" icon-"]{color:var(--exfa-texto)}
html .pagina-conta-endereco .cadastro h3.titulo,html .pagina-conta-endereco .conteudo h3.titulo,html .pagina-conta .cadastro h3.titulo,html .pagina-conta .conteudo h3.titulo,html .pagina-favorito-listar .cadastro h3.titulo,html .pagina-favorito-listar .conteudo h3.titulo,html .pagina-pedido-listar .cadastro h3.titulo,html .pagina-pedido-listar .conteudo h3.titulo{color:var(--exfa-texto)}
html .pagina-conta-endereco .cadastro h3.titulo small,html .pagina-conta-endereco .conteudo h3.titulo small,html .pagina-conta .cadastro h3.titulo small,html .pagina-conta .conteudo h3.titulo small,html .pagina-favorito-listar .cadastro h3.titulo small,html .pagina-favorito-listar .conteudo h3.titulo small,html .pagina-pedido-listar .cadastro h3.titulo small,html .pagina-pedido-listar .conteudo h3.titulo small{color:var(--exfa-texto-3)}
html .pagina-conta-endereco .cadastro .abas-conta li a,html .pagina-conta-endereco .conteudo .abas-conta li a,html .pagina-conta .cadastro .abas-conta li a,html .pagina-conta .conteudo .abas-conta li a,html .pagina-favorito-listar .cadastro .abas-conta li a,html .pagina-favorito-listar .conteudo .abas-conta li a,html .pagina-pedido-listar .cadastro .abas-conta li a,html .pagina-pedido-listar .conteudo .abas-conta li a{border-color:var(--exfa-linha);color:var(--exfa-texto)}
html .pagina-conta-endereco .cadastro .abas-conteudo,html .pagina-conta-endereco .conteudo .abas-conteudo,html .pagina-conta .cadastro .abas-conteudo,html .pagina-conta .conteudo .abas-conteudo,html .pagina-favorito-listar .cadastro .abas-conteudo,html .pagina-favorito-listar .conteudo .abas-conteudo,html .pagina-pedido-listar .cadastro .abas-conteudo,html .pagina-pedido-listar .conteudo .abas-conteudo{border:1px solid var(--exfa-linha)}
html .pagina-conta-endereco .cadastro .abas-conteudo .caixa-dados,html .pagina-conta-endereco .conteudo .abas-conteudo .caixa-dados,html .pagina-conta .cadastro .abas-conteudo .caixa-dados,html .pagina-conta .conteudo .abas-conteudo .caixa-dados,html .pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados,html .pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados,html .pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados,html .pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados{border:1px solid var(--exfa-linha)}
html .pagina-conta-endereco .cadastro .abas-conteudo .caixa-dados .caixa-info,html .pagina-conta-endereco .conteudo .abas-conteudo .caixa-dados .caixa-info,html .pagina-conta .cadastro .abas-conteudo .caixa-dados .caixa-info,html .pagina-conta .conteudo .abas-conteudo .caixa-dados .caixa-info,html .pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .caixa-info,html .pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .caixa-info,html .pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .caixa-info,html .pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .caixa-info{border:1px solid var(--exfa-linha)}
html .pagina-conta-endereco .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-conta-endereco .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,html .pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno{color:var(--exfa-texto)}
html .pagina-conta-endereco .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-conta-endereco .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i,html .pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno i{color:var(--exfa-texto)}
html .pagina-conta-endereco .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-conta-endereco .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-pedido-listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal,html .pagina-pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal{background:var(--exfa-mata)}
html .carrinho.cart .cart-icon .qtd-carrinho{font-family:var(--exfa-texto-fonte);color:var(--exfa-texto)}
html .carrinho.cart .content-cart .price-total-cart{font-family:var(--exfa-texto-fonte)}
html .carrinho.cart:hover .content-cart .price-total-cart,html .carrinho.cart:hover .content-cart .titulo{color:var(--exfa-mata)!important}
html .carrinho .carrinho-interno.borda-principal{border-top-color:var(--exfa-noite)}
html .carrinho .carrinho-interno .nome-produto{color:var(--exfa-texto)!important;font-family:var(--exfa-texto-fonte)}
html .carrinho .carrinho-interno .preco-produto .preco-promocional{font-family:var(--exfa-texto-fonte)}
html .carrinho .carrinho-interno li{border-color:var(--exfa-linha)}
html .carrinho .carrinho-interno li:hover{background:var(--exfa-areia)}
html .carrinho .carrinho-interno .carrinho-rodape .botao{box-shadow:none;background:var(--exfa-mata)}
html .carrinho .carrinho-interno .carrinho-rodape .botao:hover{background:var(--exfa-mata)}
html .carrinho .carrinho-interno .carrinho-rodape .carrino-total{color:var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html .carrinho .carrinho-interno .carrinho-rodape .carrino-total .titulo{color:var(--exfa-texto);font-family:var(--exfa-texto-fonte)}
html .busca-mobile .menu.superior.visible-phone .top-menu li.cart .cart-icon .qtd-carrinho{font-family:var(--exfa-texto-fonte);background:var(--exfa-mata);border:0 solid var(--exfa-mata)}
html .busca-mobile .menu.superior.visible-phone .top-menu li.cart .content-cart .price-total-cart{font-family:var(--exfa-texto-fonte)}
html .busca-mobile .menu.superior.visible-phone .top-menu li.cart:hover .icon *{fill:var(--exfa-folha)!important}
html .busca-mobile .menu.superior.visible-phone .tracking:after,html .busca-mobile .menu.superior.visible-phone .tracking:before{background-color:var(--exfa-linha)}
html .busca-mobile .menu.superior.visible-phone .links-rodape>.titulo{color:var(--exfa-texto)}
html .busca-mobile .menu.superior.visible-phone .links-rodape .location .title-location #viewMap{color:var(--exfa-mata)}
html .busca-mobile .menu.superior.visible-phone .links-rodape .location .title-location #viewMap:hover{color:var(--exfa-mata-hover)}
html .busca-mobile .menu.superior.visible-phone .links-rodape.links-rodape-atendimento .icon{fill:var(--exfa-folha)}
html .busca-mobile .menu.superior.visible-phone .links-rodape.links-rodape-atendimento .office-hours{stroke:var(--exfa-mata)}
html .busca-mobile .menu.superior.visible-phone .links-rodape.links-rodape-atendimento .office-hours .title .icon .c{fill:var(--exfa-texto-3)}
html .busca-mobile .menu.superior.visible-phone .links-rodape.links-rodape-atendimento ul{border-bottom:.5px solid var(--exfa-linha)}
html body{font-family:var(--exfa-texto-fonte)}
html body .cor-secundaria{color:var(--exfa-texto)}
html body input,html body input:active,html body input:focus,html body select,html body select:active,html body select:focus,html body textarea,html body textarea:active,html body textarea:focus{box-shadow:0 0 9px -2px var(--exfa-linha-forte)!important}
html .titulo{font-family:var(--exfa-texto-fonte)}
html .cabecalho-interno .titulo{color:var(--exfa-texto)}
html .cabecalho-interno .titulo small{color:var(--exfa-texto)}
html .acoes-produto-responsiva .tag-comprar,html .botao.principal.botao-comprar,html .botao.principal.grande{background:var(--exfa-noite)}
html .botao{border:1px solid var(--exfa-noite)}
html .botao:hover{background:var(--exfa-noite)}
html .atributos ul li.active a,html .atributos ul li a:hover,html .borda-principal,html .elastislide-carousel ul li.active a,html .tema-scuro .nav-tabs li.active a{border-color:var(--exfa-noite)}
html .botao.principal,html .botao.principal:hover,html .dropdown-menu>li>a:hover,html .filtro.lista ul li.active label,html .filtro.lista ul li label:hover,html .flex-control-paging li a.flex-active,html .fundo-principal,html .menu-simples li.active a,html .menu-simples li a:hover,html .menu li:hover>a .fundo-secundario{color:var(--exfa-texto)}
html .atributo-comum .active a span,html .atributo-comum a:hover span,html .cor-principal,html .menu a:hover,html a,html a:focus,html a:hover{color:var(--exfa-texto)}
html .tema-escuro .modal-footer{border-top-color:var(--exfa-noite)}
html .tema-escuro .atributos ul li a,html .tema-escuro .carrinho-interno,html .tema-escuro .direitos-reservados,html .tema-escuro .menu.lateral .nivel-um>li>a,html .tema-escuro .menu .nivel-dois,html .tema-escuro .menu .nivel-tres,html .tema-escuro .sugestoes{background-color:var(--exfa-noite)}
html .tracking .form-tracking span{color:var(--exfa-texto)}
html .tracking .form-tracking span .icon{fill:var(--exfa-texto)}
html .tracking .form-tracking input{color:var(--exfa-texto-3);box-shadow:0 0 9px -2px var(--exfa-linha-forte);font-family:var(--exfa-texto-fonte)}
html .tracking .form-tracking input::-webkit-input-placeholder{color:var(--exfa-texto-3)}
html .tracking .form-tracking input:-moz-placeholder,html .tracking .form-tracking input::-moz-placeholder{color:var(--exfa-texto-3)}
html .tracking .form-tracking input:-ms-input-placeholder{color:var(--exfa-texto-3)}
html .tracking .form-tracking input:focus{border-color:var(--exfa-noite);box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .tracking .form-tracking button{color:var(--exfa-texto)}
html .tracking .form-tracking button .icon{fill:var(--exfa-texto)}
html .pagina-inicial .menu.lateral{border:1px solid var(--exfa-linha)}
html .pagina-inicial .menu.lateral .nivel-dois{border:1px solid var(--exfa-linha)}
html .pagina-inicial .menu.lateral .nivel-dois li a,html .pagina-inicial .menu.lateral .titulo{color:var(--exfa-texto)}
html .banner .flexslider .flex-control-paging li a.flex-active{background:var(--exfa-mata)}
html #corpo .conteiner>.marcas h3{color:var(--exfa-texto)}
html #corpo .conteiner>.marcas h3 small{color:var(--exfa-texto-3)}
html #corpo .conteiner>.marcas h3:after{background-color:var(--exfa-mata)}
html #corpo .conteiner>.marcas strong{color:var(--exfa-texto);font-family:var(--exfa-texto-fonte)}
html #corpo .conteiner>.marcas strong:after{background:var(--exfa-linha)}
html #listagemProdutos.listagem .titulo-categoria strong,html #listagemProdutos.listagem>.titulo,html .listagem.aproveite-tambem .titulo-categoria strong,html .listagem.aproveite-tambem>.titulo{color:var(--exfa-texto);font-family:var(--exfa-texto-fonte)}
html #listagemProdutos.listagem .listagem-item .info-produto .nome-produto,html .listagem.aproveite-tambem .listagem-item .info-produto .nome-produto{color:var(--exfa-texto)}
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda,html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda{color:#8E9688}
html .listagem .listagem-item .info-produto .preco-produto .desconto-a-vista,html .listagem .listagem-item .info-produto .preco-produto .desconto-a-vista strong{color:var(--exfa-texto-3)}
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong,html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional,html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong{color:var(--exfa-texto)}
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela,html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong,html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela,html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong{color:var(--exfa-texto-3)}
html #listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover,html .listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,html .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar{box-shadow:none;background:var(--exfa-mata)}
html #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:hover,html .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover{background-color:var(--exfa-mata-hover)!important}
html #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-prod,html .listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-prod{color:var(--exfa-texto);box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty,html .listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty{background:var(--exfa-linha);color:var(--exfa-texto)}
html #listagemProdutos.listagem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty:first-child,html .listagem.aproveite-tambem .listagem-item .acoes-produto .prod-counter .qtd-nav .bt-qty:first-child{border-bottom:1px solid var(--exfa-linha-forte)}
html #listagemProdutos.listagem .listagem-item.item-adicionado,html #listagemProdutos.listagem .listagem-item.item-adicionado:hover,html .listagem.aproveite-tambem .listagem-item.item-adicionado,html .listagem.aproveite-tambem .listagem-item.item-adicionado:hover{border-color:var(--exfa-noite)}
html #listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor+.imagem-produto:before,html .listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor+.imagem-produto:before{color:var(--exfa-texto)}
html #listagemProdutos.listagem .listagem-item.produto-adicionado a.produto-sobrepor+.imagem-produto:after,html .listagem.aproveite-tambem .listagem-item.produto-adicionado a.produto-sobrepor+.imagem-produto:after{color:var(--exfa-texto)}
html #listagemProdutos.listagem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn,html .listagem.aproveite-tambem .listagem-item .produto-avise .avise-me-list .avise-me-list-btn{background:var(--exfa-noite);border-color:var(--exfa-noite)}
html #listagemProdutos.listagem .titulo-categoria h2{color:var(--exfa-texto)}
html #listagemProdutos.listagem .titulo-categoria h2 small{color:var(--exfa-texto-3)}
html #listagemProdutos.listagem .titulo-categoria h2:after{background-color:var(--exfa-mata)}
html .bandeiras-produto .bandeira-indisponivel{background:var(--exfa-noite)}
html .bandeiras-produto .bandeira-promocao{background:var(--exfa-mata)}
html .bandeiras-produto .bandeira-frete-gratis{background:var(--exfa-noite)}
html .adic-favo{color:var(--exfa-linha)}
html .adic-favo:active,html .adic-favo:focus,html .adic-favo:hover{color:var(--exfa-mata)}
html .adic-favo.added{color:var(--exfa-mata)}
html .slick-next .icon,html .slick-next .icon .a,html .slick-prev .icon,html .slick-prev .icon .a{fill:var(--exfa-texto)}
html #barraNewsletter.posicao-rodape{background:var(--exfa-noite);border-bottom:1px solid var(--exfa-noite)}
html #barraNewsletter.posicao-rodape .componente .input-conteiner{font-family:var(--exfa-texto-fonte)}
html #barraNewsletter.posicao-rodape .componente input[type=text]{border:1px solid var(--exfa-linha);color:var(--exfa-texto-3);font-family:var(--exfa-texto-fonte)}
html #barraNewsletter.posicao-rodape .componente input[type=text]::-webkit-input-placeholder{color:var(--exfa-texto-3)}
html #barraNewsletter.posicao-rodape .componente input[type=text]:-moz-placeholder,html #barraNewsletter.posicao-rodape .componente input[type=text]::-moz-placeholder{color:var(--exfa-texto-3)}
html #barraNewsletter.posicao-rodape .componente input[type=text]:-ms-input-placeholder{color:var(--exfa-texto-3)}
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar{background:var(--exfa-mata);color:var(--exfa-texto-3);border:2px solid var(--exfa-mata)}
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar:before{font-family:var(--exfa-texto-fonte)}
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar:after{color:var(--exfa-texto-3)}
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover{background-color:var(--exfa-mata-hover)}
html .coluna div.componente.newsletter{border:1px solid var(--exfa-linha)}
html .coluna div.componente.newsletter input[type=text]::-webkit-input-placeholder{color:#8E9688}
html .coluna div.componente.newsletter input[type=text]:-moz-placeholder,html .coluna div.componente.newsletter input[type=text]::-moz-placeholder{color:#8E9688}
html .coluna div.componente.newsletter input[type=text]:-ms-input-placeholder{color:#8E9688}
html .coluna div.componente.newsletter .botao{background:var(--exfa-mata)}
html .coluna div.componente.newsletter .botao:before{font-family:var(--exfa-texto-fonte)}
html .coluna div.componente.newsletter .botao:hover{background:var(--exfa-noite);border-color:var(--exfa-noite)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter{font-family:var(--exfa-texto-fonte)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:after{color:var(--exfa-texto);font-family:var(--exfa-texto-fonte)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:before{font-family:var(--exfa-texto-fonte);color:var(--exfa-mata)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input{color:var(--exfa-texto);box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:focus{border-color:var(--exfa-noite)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-webkit-input-placeholder{color:var(--exfa-texto-3)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-moz-placeholder,html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-moz-placeholder{color:var(--exfa-texto-3)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-ms-input-placeholder{color:var(--exfa-texto-3)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao{box-shadow:none;background:var(--exfa-mata)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:before{font-family:var(--exfa-texto-fonte)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:hover{background:var(--exfa-mata);border-color:var(--exfa-mata)}
html .modal-modalNewsletter .fancybox-close:before{color:var(--exfa-texto)}
html .breadcrumbs,html .info-principal-produto .breadcrumbs{background:var(--exfa-areia)}
html .breadcrumbs ul li a,html .info-principal-produto .breadcrumbs ul li a{color:var(--exfa-texto)}
html .breadcrumbs ul li:last-child a,html .info-principal-produto .breadcrumbs ul li:last-child a{color:#8E9688}
html .breadcrumbs ul li strong,html .info-principal-produto .breadcrumbs ul li strong{color:#8E9688}
html .filtro{border:1px solid var(--exfa-linha)}
html .filtro .titulo{color:var(--exfa-texto)}
html .filtro.lista ul{border:1px solid var(--exfa-linha)}
html .filtro.lista ul li{border-bottom:1px solid var(--exfa-linha)}
html .filtro.lista ul li a label{color:var(--exfa-texto-3)}
html .filtro.lista ul li.active label,html .filtro.lista ul li a label:hover{color:var(--exfa-texto)}
html .filtro.lista ul li:first-child{border-bottom:1px solid var(--exfa-linha)}
html .filtro.atributos .atributo-cor ul li a{border:2px solid var(--exfa-linha-forte)}
html .filtro.atributos .atributo-cor ul li a:hover{border:2px solid var(--exfa-linha-forte)}
html .filtro.atributos .atributo-cor ul li.active a{border:2px solid var(--exfa-linha-forte)}
html .filtro.atributos .atributo-comum ul li a{border:1px solid var(--exfa-linha)}
html .filtro.atributos .atributo-comum ul li a:hover{border-color:var(--exfa-noite)}
html .filtro.atributos .atributo-comum ul li.active a{border:1px solid var(--exfa-noite)}
html .sharethis-inline-share-buttons:before{color:var(--exfa-texto);font-family:var(--exfa-texto-fonte)}
html .thumbs-horizontal ul li a,html .thumbs-vertical ul li a{border:1px solid var(--exfa-linha)}
html .thumbs-horizontal ul li.active a,html .thumbs-vertical ul li.active a{border:1px solid var(--exfa-noite)}
html .produto .atributos .atributo-cor ul li a{border:2px solid var(--exfa-linha-forte)}
html .produto .atributos .atributo-cor ul li a:hover{border:2px solid var(--exfa-linha-forte)}
html .produto .atributos .atributo-cor ul li.active a{border:2px solid var(--exfa-linha-forte)}
html .produto .atributos .atributo-comum ul li a{border:1px solid var(--exfa-linha)}
html .produto .atributos .atributo-comum ul li a:hover{border-color:var(--exfa-noite)}
html .produto .atributos .atributo-comum ul li.active a{border:1px solid var(--exfa-noite)}
html .avise-me .avise-btn .botao{background:var(--exfa-noite)}
html .produto .size-table .open-table{color:var(--exfa-texto)}
html .produto .size-table .open-table .icon{fill:var(--exfa-texto)}
html .produto .size-table .open-table:hover{background:var(--exfa-noite)}
html .pagina-carrinho .caixa-destaque h1{color:var(--exfa-texto)}
html .finalizar-compra .botao{color:var(--exfa-texto);border-color:var(--exfa-noite)}
html .finalizar-compra .botao.principal{background:var(--exfa-mata);border-color:var(--exfa-mata)}
html #finalizarCompra{background:var(--exfa-mata);border-color:var(--exfa-mata)}
html .checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok,html .checkout-alerta-seguro .checkout-alerta-seguro-tit{color:var(--exfa-texto)}
html .float-contact .float-items>li>a{background:var(--exfa-mata);box-shadow:none}
html .float-contact .float-items>li:hover a{background:var(--exfa-mata-hover)}
html .float-contact .float-open{background:var(--exfa-mata);box-shadow:none}
html .float-contact .float-open:hover{background:var(--exfa-mata-hover)}
html .scrollToTop{background:var(--exfa-mata);box-shadow:none}
html .scrollToTop span{font-family:var(--exfa-texto-fonte)}
html .scrollToTop:active,html .scrollToTop:focus,html .scrollToTop:hover{background:var(--exfa-mata-hover)}
html #corpo .coluna .menu.lateral{border-bottom:1px solid var(--exfa-linha-forte)}
html #corpo .coluna .componente.newsletter{background-color:var(--exfa-noite)}
html #corpo .coluna .componente.newsletter .interno .interno-conteudo .texto-newsletter{font-family:var(--exfa-texto-fonte)}
html #corpo .coluna .componente.newsletter .interno .interno-conteudo input{font-family:var(--exfa-texto-fonte)}
html #corpo .coluna .componente.newsletter .interno .interno-conteudo .botao{border-color:var(--exfa-mata);background:var(--exfa-mata);color:var(--exfa-texto-3)}
html #corpo .coluna .componente.newsletter .interno .interno-conteudo .botao:before{color:var(--exfa-texto-3)}
html #corpo .coluna .componente.newsletter .interno .interno-conteudo .botao:hover{border-color:var(--exfa-mata-hover);background:var(--exfa-mata-hover)}
html #corpo .conteudo .ordenar-listagem .input-append{box-shadow:0 0 9px -2px var(--exfa-linha-forte)}
html #corpo .conteudo .ordenar-listagem .input-append .btn-group,html #corpo .conteudo .ordenar-listagem .input-append label{font-family:var(--exfa-texto-fonte)}
html #barraNewsletter.posicao-rodape{border-bottom:1px solid var(--exfa-noite)}
html .atalhos-mobile{background:var(--exfa-noite);border-bottom:1px solid var(--exfa-linha)}
html .atalhos-mobile ul li a .icon{fill:var(--exfa-folha)}
html .atalhos-mobile ul li a .icon *{fill:var(--exfa-folha)}
html .atalhos-mobile ul li a .qtd-carrinho{color:var(--exfa-texto)}
html .conteudo-topo .busca-mobile .atalho-menu{background:var(--exfa-mata)}
html .conteudo-topo .busca-mobile.fixed{background:var(--exfa-noite);box-shadow:none}
html .conteudo-topo .menu.superior.visible-phone ul li a,html .conteudo-topo .menu.superior.visible-phone ul li strong{color:var(--exfa-texto)}
html .conteudo-topo .menu.superior.visible-phone ul.nivel-um>li.com-filho>a i:after{color:var(--exfa-texto)}
html .conteudo-topo .menu.superior.visible-phone ul.nivel-dois li a{color:var(--exfa-texto)}
html .conteudo-topo .menu.superior.visible-phone ul.action-links li a{color:var(--exfa-texto-3)}
html .conteudo-topo .menu.superior.visible-phone .menu-close:after{background:var(--exfa-mata)}
html .banner-tarja.mob ul.slick-dots li.slick-active button{background:var(--exfa-mata)}
html .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:after{color:var(--exfa-texto);font-family:var(--exfa-texto-fonte)}
html .modal-footer .botao{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-linha-forte);box-shadow:0 3px 9px -2px var(--exfa-linha-forte)}
html .modal-footer .botao.principal{box-shadow:none;background:var(--exfa-mata);background-color:var(--exfa-mata)}
html .conteudo h1{color:var(--exfa-texto)}

/* ============================================================
   EXFA 3 — CAMADA ESCRITA A MAO
   Tipografia, componentes e o que o remapa nao cobre.
   Seletores copiados do tema Alpha com prefixo `html ` para
   vencer a especificidade (o tema carrega DEPOIS deste CSS).
   Referencia: manual-marca-exfa.html, secoes 04, 06 e 08.
   ============================================================ */

/* ---------- 3.1 Base ---------- */
html body { font-family: var(--exfa-texto-fonte); color: var(--exfa-texto-2); }
html body p, html body li, html body td, html body label, html body input, html body select, html body textarea,
html body button:not([class*="icon-"]):not(.fa):not(.slick-arrow) { font-family: var(--exfa-texto-fonte); }
/* Icones de fonte: a plataforma ja poe FontAwesome em `[class^="icon-"]:before`; nao forcar aqui.
   O tema Alpha usa botoes com classe `icon-*` cujo :before carrega TEXTO ("Sim, quero receber!",
   "Quero receber") e o icone vai no :after — forcar FontAwesome no :before derrubava esse texto
   para a fonte serifada padrao (popup de newsletter, barra de newsletter). */
html body i[class*="icon-"]:before, html body i.fa:before { font-family: FontAwesome; }
/* Chat JivoChat (jdiv): o widget le esta variavel para a fonte do balao e da janela.
   O painel do Jivo grava a fonte escolhida la ("Arial") como style inline no jdiv raiz,
   por isso o !important. Cores do chat: ajustar no painel do Jivo (nao vem por CSS). */
html jdiv { --jv-font-family: var(--exfa-texto-fonte) !important; }
html body a { color: var(--exfa-mata); }
html body a:hover { color: var(--exfa-mata-hover); }
html body :focus-visible { outline: 2px solid var(--exfa-folha); outline-offset: 3px; }

/* Display: tudo que e titulo, categoria, preco */
html .titulo,
html #listagemProdutos.listagem .titulo-categoria strong,
html #listagemProdutos.listagem .titulo-categoria h2,
html .listagem.aproveite-tambem .titulo-categoria strong,
html .listagem.aproveite-tambem h4.titulo,
html #corpo .conteiner > .marcas strong,
html #corpo .conteiner > .marcas h3,
html .pagina-produto #corpo .produto .principal .nome-produto,
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2,
html .caixa-sombreada h1.titulo,
html .pagina-categoria .conteudo > .titulo,
html .menu.lateral .titulo,
html .filtro .titulo,
html #rodape .links-rodape > .titulo,
html #rodape .pagamento-selos .titulo,
html #barraNewsletter.posicao-rodape .componente .texto-newsletter,
html .componente.newsletter .texto-newsletter { font-family: var(--exfa-display); }

/* ---------- 3.2 Titulos de secao (Lancamentos, Destaques, Relacionados, Marcas) ---------- */
html #listagemProdutos.listagem .titulo-categoria,
html .listagem.aproveite-tambem .titulo-categoria { text-align: left; padding: 24px 0 8px; }
html #listagemProdutos.listagem .titulo-categoria strong,
html .listagem.aproveite-tambem .titulo-categoria strong,
html .listagem.aproveite-tambem h4.titulo,
html #corpo .conteiner > .marcas strong,
html #corpo .conteiner > .marcas h3 { text-align: left; }
html #listagemProdutos.listagem .titulo-categoria h2,
html .listagem.aproveite-tambem h4.titulo,
html #corpo .conteiner > .marcas h3 {
  font-family: var(--exfa-display); font-weight: 700; font-size: 28px; line-height: 1.1;
  text-transform: uppercase; letter-spacing: .03em; color: var(--exfa-texto); text-align: left; margin: 0;
}
html #listagemProdutos.listagem .titulo-categoria h2 small,
html .listagem.aproveite-tambem h4.titulo small,
html #corpo .conteiner > .marcas h3 small {
  display: block; font-family: var(--exfa-texto-fonte); font-weight: 400; font-size: 13px; line-height: 1.4;
  text-transform: none; letter-spacing: 0; color: var(--exfa-texto-3); margin: 4px 0 0;
}
html #listagemProdutos.listagem .titulo-categoria h2:after,
html #corpo .conteiner > .marcas h3:after,
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2:after {
  content: ""; display: block; width: 44px; height: 4px; background: var(--exfa-folha); margin: 10px 0 0; border-radius: var(--exfa-raio-tag);
}
html #corpo .conteiner > .marcas strong:after { background: var(--exfa-linha); }
html #corpo .conteiner > .marcas { margin-bottom: 40px; }

/* ---------- 3.3 Cabecalho e menu ---------- */
html #cabecalho, html .full.menu { background: var(--exfa-noite); }
html .full.menu { border-top: 1px solid rgba(255,255,255,.08); }
html .barra-inicial { background: var(--exfa-noite); border-bottom: 1px solid rgba(255,255,255,.08); }
html .barra-inicial .canais-contato ul li a, html .barra-inicial .canais-contato ul li span { color: var(--exfa-caqui); font-size: 12px; }
html #cabecalho .busca input, html #cabecalho .busca input:focus { border-radius: var(--exfa-raio); border: 1px solid transparent; color: var(--exfa-texto); font-family: var(--exfa-texto-fonte); }
html #cabecalho .busca input:focus { border-color: var(--exfa-folha); box-shadow: none; }
html #cabecalho .busca .botao { color: var(--exfa-mata); }
html #cabecalho .actions > li > a .titulo { color: var(--exfa-areia); font-family: var(--exfa-texto-fonte); font-weight: 600; }
html #cabecalho .actions > li:hover > a > .titulo { color: #fff; }
html #cabecalho .actions > li > a .icon *, html #cabecalho .actions > li > a .icon circle { fill: var(--exfa-folha); }
html #cabecalho .actions .cart .qtd-carrinho, html #cabecalho .carrinho .qtd-carrinho { background: var(--exfa-folha); color: var(--exfa-noite); font-weight: 700; }
html #cabecalho .account .account-list, html #cabecalho .support .support-items { border-radius: var(--exfa-raio); border: 1px solid var(--exfa-linha); box-shadow: var(--exfa-sombra); }

html .full.menu .conteiner .nivel-um > li > a > .titulo {
  font-family: var(--exfa-display); font-weight: 600; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; color: var(--exfa-areia);
}
html .full.menu .conteiner .nivel-um > li:hover > a > .titulo { color: #fff; opacity: 1; }
html .full.menu .conteiner .nivel-um > li > a { position: relative; }
html .full.menu .conteiner .nivel-um > li:not(.offers):hover > a:after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--exfa-folha);
}
html .full.menu .conteiner .nivel-um > li.offers > a { background: var(--exfa-folha); border-radius: 999px; height: 40px; margin-top: 15px; padding: 0 18px; }
html .full.menu .conteiner .nivel-um > li.offers:hover > a { background-color: #85C267; }
html .full.menu .conteiner .nivel-um > li.offers > a > .titulo, html .full.menu .conteiner .nivel-um > li.offers:hover > a > .titulo { color: var(--exfa-noite) !important; font-size: 14px; letter-spacing: .06em; }
html .full.menu .conteiner .nivel-dois { border-radius: 0 0 var(--exfa-raio) var(--exfa-raio); border: 1px solid var(--exfa-linha); box-shadow: var(--exfa-sombra); }
html .full.menu .conteiner .nivel-dois li .titulo { font-family: var(--exfa-texto-fonte); color: var(--exfa-texto-2); text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 400; }
html .full.menu .conteiner .nivel-dois li:hover > a, html .full.menu .conteiner .nivel-dois li:hover > a .titulo { color: var(--exfa-mata); }

/* Mobile: atalhos e menu lateral */
html .atalhos-mobile { background: var(--exfa-noite); border-bottom: 1px solid rgba(255,255,255,.08); }
html .atalhos-mobile ul li a .icon, html .atalhos-mobile ul li a .icon * { fill: var(--exfa-folha); }
html .atalhos-mobile ul li a .qtd-carrinho { background: var(--exfa-folha); color: var(--exfa-noite); }
html .conteudo-topo .busca-mobile .atalho-menu { background: transparent; color: var(--exfa-folha); }
html .busca-mobile .menu.superior.visible-phone .nivel-um > li > a > .titulo { font-family: var(--exfa-display); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }

/* ---------- 3.4 Botoes ---------- */
html .botao.principal,
html .botao-comprar,
html .botao.botao-comprar.principal,
html #finalizarCompra,
html .pagina-carrinho #corpo .finalizar-compra .acao-editar .botao.principal,
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal .btn,
html .pagina-carrinho.carrinho-checkout .campos-pedido .identificacao .botao.principal,
html #comprar-ajax-status .buttons .botao.principal,
html #modalContato .controls .botao.principal,
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .botao-comprar,
html .pagina-produto #corpo .produto .acoes-flutuante .botao-comprar,
html #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,
html .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
  background: var(--exfa-mata) !important; color: #fff !important; border: 0; border-radius: var(--exfa-raio) !important;
  font-family: var(--exfa-texto-fonte); font-weight: 600; text-transform: none; letter-spacing: 0; box-shadow: none !important;
  transition: background-color .15s ease-out;
}
html .botao.principal:hover, html .botao-comprar:hover, html #finalizarCompra:hover,
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .botao-comprar:hover,
html #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:hover,
html .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover,
html .pagina-carrinho #corpo .secao-principal .tabela-carrinho .form-horizontal .btn:hover {
  background: var(--exfa-mata-hover) !important; color: #fff !important; opacity: 1; box-shadow: none !important;
}
html .botao.secundario, html .pagina-produto #corpo .produto .principal .size-table .open-table {
  background: transparent; color: var(--exfa-mata); border: 2px solid var(--exfa-mata); border-radius: var(--exfa-raio); box-shadow: none; font-weight: 600;
}
html .botao.secundario:hover, html .pagina-produto #corpo .produto .principal .size-table .open-table:hover { background: var(--exfa-mata); color: #fff; box-shadow: none; }
html .botao.principal[disabled], html .botao-comprar[disabled], html .botao.desabilitado { background: var(--exfa-linha) !important; color: #8E9688 !important; }

/* ---------- 3.5 Cartao de produto ---------- */
html #listagemProdutos.listagem .listagem-item,
html .listagem.aproveite-tambem .listagem-item,
html .pagina-categoria #listagemProdutos.listagem .listagem-item,
html .pagina-busca #listagemProdutos.listagem .listagem-item {
  background: #fff; border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); padding: 10px; box-sizing: border-box;
  transition: box-shadow .15s ease-out;
}
html #listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover,
html .listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover { border: 1px solid var(--exfa-linha); box-shadow: var(--exfa-sombra); }
html .listagem .listagem-item .imagem-produto { padding-top: 34px; }
html .listagem .listagem-item .imagem-produto img { border-radius: var(--exfa-raio-tag); }
html #listagemProdutos.listagem .listagem-item .info-produto,
html .listagem.aproveite-tambem .listagem-item .info-produto { text-align: left; padding: 6px 4px 0; }
html #listagemProdutos.listagem .listagem-item .info-produto .nome-produto,
html .listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
  font-family: var(--exfa-texto-fonte); font-size: 13.5px; line-height: 1.35; color: var(--exfa-texto); text-align: left;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em;
}
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto > div,
html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto > div { justify-content: flex-start; flex-wrap: wrap; }
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,
html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
  font-family: var(--exfa-display); font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: .01em; color: var(--exfa-texto);
  font-variant-numeric: tabular-nums; margin-top: 8px;
}
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda,
html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda {
  font-family: var(--exfa-texto-fonte); font-size: 12.5px; color: var(--exfa-texto-3); text-decoration: line-through; margin: 8px 0 0;
}
/* preco antigo presente = promocao: preco novo em Verde-mata */
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda ~ .preco-promocional,
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda ~ div .preco-promocional,
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto.com-promocao .preco-promocional,
html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto.com-promocao .preco-promocional { color: var(--exfa-mata); }
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela,
html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong,
html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela,
html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong { font-family: var(--exfa-texto-fonte); font-size: 12px; font-weight: 400; color: var(--exfa-texto-3) !important; }
html #listagemProdutos.listagem .listagem-item .acoes-produto,
html .listagem.aproveite-tambem .listagem-item .acoes-produto { box-shadow: none; padding: 8px 4px 4px; height: auto; }
html #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,
html .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar { font-size: 13px; padding: 10px 12px; line-height: 1.2; height: auto; }
html .adic-favo, html .listagem .listagem-item .adic-favo { color: var(--exfa-linha-forte); }
html .adic-favo:hover, html .adic-favo.added { color: var(--exfa-mata); }
html .listagem-item.indisponivel .imagem-produto img { opacity: .45; filter: grayscale(1); }

/* Etiquetas */
html .bandeiras-produto .bandeira-promocao, html .bandeiras-produto .bandeira-frete-gratis, html .bandeiras-produto .bandeira-indisponivel {
  font-family: var(--exfa-texto-fonte); font-weight: 700; font-size: 11px; letter-spacing: .04em; text-transform: uppercase;
  border-radius: var(--exfa-raio-tag); min-height: 0; height: auto; line-height: 1; padding: 5px 8px;
}
html .bandeiras-produto .bandeira-promocao { background: var(--exfa-brasa); color: #fff; }
html .bandeiras-produto .bandeira-frete-gratis { background: var(--exfa-mata); color: #fff; }
html .bandeiras-produto .bandeira-indisponivel { background: var(--exfa-linha); color: var(--exfa-texto-2); }
html .bandeira-desconto, html .full.menu .conteiner .nivel-um > li.offers .nivel-dois .counter-offer .promo .bandeira-desconto { background-color: var(--exfa-brasa); border-radius: var(--exfa-raio-tag); }
/* "Feito pela EX-FA": produtos da categoria EX-FA (id 23740768) */
html .listagem-item.prod-cat-23740768 .info-produto .nome-produto:before {
  content: "Feito pela EX-FA"; display: block; width: max-content; font-family: var(--exfa-texto-fonte); font-weight: 700; font-size: 10px; letter-spacing: .04em;
  text-transform: uppercase; color: var(--exfa-mata); border: 1px solid var(--exfa-mata); border-radius: var(--exfa-raio-tag); padding: 3px 6px; margin-bottom: 6px;
}

/* ---------- 3.6 Pagina de produto ---------- */
html .breadcrumbs, html .info-principal-produto .breadcrumbs, html body .breadcrumbs, html body .breadcrumbs ul { background: transparent; }
html .breadcrumbs ul li a, html .info-principal-produto .breadcrumbs ul li a { color: var(--exfa-texto-3); font-size: 12.5px; }
html .breadcrumbs ul li a:hover { color: var(--exfa-mata); }
html .breadcrumbs ul li strong, html .info-principal-produto .breadcrumbs ul li strong { color: var(--exfa-texto-2); font-size: 12.5px; }
html .pagina-produto #corpo .produto .principal .nome-produto {
  font-family: var(--exfa-display); font-weight: 600; font-size: 26px; line-height: 1.15; letter-spacing: .01em; color: var(--exfa-texto); text-transform: none;
}
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto,
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto b,
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto span { color: var(--exfa-texto-3); font-size: 12px; }
html .pagina-produto #corpo .produto .principal .acoes-produto { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); box-shadow: none; }
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-promocional,
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto span.preco-a-partir strong {
  font-family: var(--exfa-display); font-weight: 700; font-size: 30px; line-height: 1; letter-spacing: .01em; color: var(--exfa-texto); font-variant-numeric: tabular-nums;
}
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-venda { font-size: 14px; color: var(--exfa-texto-3); text-decoration: line-through; }
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-venda ~ .preco-promocional,
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-venda ~ div .preco-promocional,
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto.com-promocao .preco-promocional { color: var(--exfa-mata); }
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-parcela { font-size: 13px; color: var(--exfa-texto-3); }
html .pagina-produto #corpo .produto .principal .acoes-produto .view-forma-pagamento { color: var(--exfa-mata); font-size: 13px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .qtde-adicionar-carrinho { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho { font-family: var(--exfa-display); font-weight: 600; color: var(--exfa-texto); }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .botao-comprar { font-size: 16px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .disponibilidade-produto { color: var(--exfa-texto-3); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; font-weight: 600; text-align: left; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .disponibilidade-produto .cor-principal { color: var(--exfa-mata); font-weight: 600; }
html .pagina-produto #corpo .produto .principal .cep label { color: var(--exfa-texto-2); font-size: 13px; }
html .pagina-produto #corpo .produto .principal .cep input { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); }
html .pagina-produto #corpo .produto .principal .cep .input-append.input-prepend .btn:before { color: var(--exfa-mata); text-transform: none; font-weight: 600; }
html .pagina-produto #corpo .produto .principal .atributos ul li.active a, html .pagina-produto #corpo .produto .principal .atributos ul li a:hover { background-color: var(--exfa-mata); box-shadow: none; color: #fff; }
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .box-social-network:before,
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .lista-favoritos,
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .lista-favoritos i { color: var(--exfa-texto-3); }
/* Descricao */
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2 {
  font-family: var(--exfa-display); font-weight: 700; font-size: 24px; letter-spacing: .03em; text-transform: uppercase; color: var(--exfa-texto); text-align: left;
}
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2 small { display: none; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h2:after { margin: 10px 0 24px; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao,
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao p,
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao li { font-family: var(--exfa-texto-fonte) !important; font-size: 15px; line-height: 1.6; color: var(--exfa-texto-2); text-align: left; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao p, html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao ul { max-width: 66ch; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h3 { font-family: var(--exfa-display); font-weight: 600; font-size: 20px; color: var(--exfa-texto); margin: 28px 0 8px; text-transform: none; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao strong { font-weight: 600; color: var(--exfa-texto); }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao span[style*="font-family"] { font-family: var(--exfa-texto-fonte) !important; }
/* barra flutuante */
html .pagina-produto #corpo .produto .acoes-flutuante { border-top: 1px solid var(--exfa-linha); box-shadow: var(--exfa-sombra); }
html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-a-partir .preco-venda,
html .pagina-produto #corpo .produto .acoes-flutuante .preco-produto .preco-promocional { font-family: var(--exfa-display); font-weight: 700; color: var(--exfa-texto); }

/* ---------- 3.7 Categoria, busca, filtros ---------- */
html .menu.lateral .titulo, html .pagina-inicial .menu.lateral .titulo, html .pagina-inicial .menu.lateral .nivel-dois li a {
  font-family: var(--exfa-display); font-weight: 600; font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: var(--exfa-texto);
}
html .menu.lateral ul.nivel-um > li.ativo > a .titulo, html .menu.lateral ul.nivel-um > li > a:hover .titulo { color: var(--exfa-mata); }
html .menu.lateral ul.nivel-um > li { border-color: var(--exfa-linha); }
html .filtro { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); }
html .filtro .titulo { font-family: var(--exfa-display); font-weight: 600; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--exfa-texto); }
html .filtro.lista ul, html .filtro.lista ul li, html .filtro.lista ul li:first-child { border-color: var(--exfa-linha); }
html .filtro.lista ul li a label { color: var(--exfa-texto-2); font-size: 13px; }
html .filtro.lista ul li.active label, html .filtro.lista ul li a label:hover { color: var(--exfa-mata); font-weight: 600; }
html .ordenar-listagem select, html .ordenar-listagem .btn { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); color: var(--exfa-texto-2); font-family: var(--exfa-texto-fonte); box-shadow: none; }
html .pagina-categoria .conteudo > .titulo, html .pagina-busca .conteudo > .titulo { font-family: var(--exfa-display); font-weight: 700; font-size: 28px; letter-spacing: .03em; text-transform: uppercase; color: var(--exfa-texto); }
html .paginacao a, html .pagination ul > li > a { border-color: var(--exfa-linha); color: var(--exfa-texto-2); border-radius: var(--exfa-raio-tag); }
html .paginacao .active a, html .paginacao a:hover, html .pagination ul > .active > a { background: var(--exfa-mata); color: #fff; border-color: var(--exfa-mata); }
/* newsletter na coluna lateral */
html .coluna .componente.newsletter, html .componente.newsletter.borda-principal { background: var(--exfa-areia); border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); }
html .coluna .componente.newsletter .texto-newsletter { color: var(--exfa-texto); font-family: var(--exfa-display); font-weight: 600; font-size: 18px; letter-spacing: .03em; text-transform: uppercase; }
html .coluna .componente.newsletter .newsletter-assinar { background: var(--exfa-mata); color: #fff; border-radius: var(--exfa-raio); border: 0; }

/* ---------- 3.8 Barra de newsletter (rodape) ---------- */
html #barraNewsletter, html #barraNewsletter .show-hide, html #barraNewsletter .componente, html #barraNewsletter.posicao-rodape .conteiner { background-color: var(--exfa-areia); }
html #barraNewsletter, html #barraNewsletter .show-hide { color: var(--exfa-texto); }
html #barraNewsletter.posicao-rodape { border-top: 1px solid var(--exfa-linha); }
html #barraNewsletter.posicao-rodape .componente .texto-newsletter { color: var(--exfa-texto); font-family: var(--exfa-display); font-weight: 600; font-size: 22px; letter-spacing: .03em; text-transform: uppercase; }
html #barraNewsletter.posicao-rodape .componente .texto-newsletter:before { color: var(--exfa-mata); }
html #barraNewsletter.posicao-rodape .componente .texto-newsletter svg * { fill: var(--exfa-mata); }
html #barraNewsletter.posicao-rodape .componente input { border: 1px solid var(--exfa-caqui); border-radius: var(--exfa-raio); color: var(--exfa-texto); font-family: var(--exfa-texto-fonte); }
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar { background: var(--exfa-mata); border: 2px solid var(--exfa-mata); border-radius: var(--exfa-raio); color: #fff; }
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar:before { content: "Quero receber"; color: #fff; font-family: var(--exfa-texto-fonte); font-weight: 600; }
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar:after { color: #fff; }
html #barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover { background-color: var(--exfa-mata-hover); border-color: var(--exfa-mata-hover); }
html #barraNewsletter.posicao-rodape .componente .newsletter-confirmacao .icon-ok { color: var(--exfa-mata); }

/* ---------- 3.9 Rodape ---------- */
html #rodape .institucional { background: var(--exfa-noite); color: var(--exfa-caqui); }
html #rodape .links-rodape > .titulo { font-family: var(--exfa-display); font-weight: 600; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; color: var(--exfa-areia); }
html #rodape .links-rodape ul li a, html #rodape .links-rodape .contact li a, html #rodape .links-rodape .contact li span { color: var(--exfa-caqui); font-weight: 400; font-size: 13px; }
html #rodape .links-rodape ul li a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--exfa-folha); text-underline-offset: 3px; }
html #rodape .sobre-loja-rodape p { color: var(--exfa-caqui); font-weight: 400; font-size: 13px; line-height: 1.6; text-align: left; }
html #rodape .sobre-loja-rodape .more {
  background: transparent; border: 2px solid var(--exfa-caqui); color: var(--exfa-areia); border-radius: var(--exfa-raio); font-weight: 600; box-shadow: none;
}
html #rodape .sobre-loja-rodape .more:hover { background: var(--exfa-folha); border-color: var(--exfa-folha); color: var(--exfa-noite); }
html #rodape .pagamento-selos { background: #fff; border-top: 1px solid var(--exfa-linha); }
html #rodape .pagamento-selos .titulo { font-family: var(--exfa-display); font-weight: 600; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--exfa-texto-2); }
html #rodape > div:last-child, html #rodape > div:last-child p { color: var(--exfa-texto-3); font-size: 11px; }

/* ---------- 3.10 Carrossel, banner, utilidades ---------- */
html .flex-control-paging li a { background: var(--exfa-caqui); box-shadow: none; }
html .flex-control-paging li a.flex-active, html #fullbanner-mob ul.slick-dots li.slick-active button { background: var(--exfa-folha); }
html .slick-prev, html .slick-next, html .flex-direction-nav a { color: var(--exfa-texto); }
/* Botao flutuante de atendimento do tema (canto inferior esquerdo): removido — o WhatsApp da plataforma ja cobre */
html .float-contact { display: none !important; }
html .scrollToTop { background: var(--exfa-mata); border-radius: var(--exfa-raio); }
html .scrollToTop:hover { background: var(--exfa-mata-hover); }
/* Tarja do tema Alpha (var banner_tarja): 3 selos PNG 2x exibidos a 44 px */
html .banner-tarja-alpha { height: auto; padding: 18px 0 10px; }
html .banner-tarja-alpha .banner-tarja .span4 img,
html .banner-tarja.mob .slick-list .slick-track .slick-slide img { height: 44px; width: auto; }
html .banner-tarja-alpha .banner-tarja .span4:nth-child(2):before,
html .banner-tarja-alpha .banner-tarja .span4:nth-child(2):after { display: none; }
html .banner-tarja-alpha .banner-tarja .span4 { justify-content: center; }
html .banner-tarja.mob ul.slick-dots { margin-top: 10px; }
html .banner-tarja.mob ul.slick-dots li button { background: var(--exfa-caqui); }
html .banner-tarja.mob ul.slick-dots li.slick-active button { background: var(--exfa-folha); }
html .banner.tarja { margin-top: 0; }
html .banner.tarja img { border-radius: 0 0 var(--exfa-raio) var(--exfa-raio); }

/* Formularios (conta, carrinho, contato) */
html input[type="text"], html input[type="email"], html input[type="password"], html input[type="tel"], html input[type="number"], html select, html textarea {
  border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); color: var(--exfa-texto); font-family: var(--exfa-texto-fonte); box-shadow: none;
}
html input:focus, html select:focus, html textarea:focus { border-color: var(--exfa-mata); box-shadow: none; }
html .control-group.erro input, html .control-group.error input { border-color: var(--exfa-erro) !important; }
html .control-group.erro .control-label, html .control-group.error .control-label, html .control-group.erro .help-inline { color: var(--exfa-erro); }
html .pagina-carrinho.carrinho-checkout .campos-pedido legend { border-color: var(--exfa-linha); color: var(--exfa-texto); font-family: var(--exfa-display); font-weight: 600; font-size: 20px; letter-spacing: .03em; text-transform: uppercase; }
html .caixa-sombreada { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); box-shadow: none; }
html .caixa-sombreada h1.titulo { font-family: var(--exfa-display); font-weight: 700; font-size: 28px; letter-spacing: .03em; text-transform: uppercase; color: var(--exfa-texto) !important; }
html .caixa-sombreada p, html .caixa-sombreada li { font-size: 15px; line-height: 1.6; color: var(--exfa-texto-2); text-align: left; max-width: 72ch; }
html .modal-header .titulo { font-family: var(--exfa-display); font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
html .modal-content, html .modal { border-radius: 12px; }

/* Nada da loja em Poppins/Lato/Arial */
html body [style*="Poppins"], html body [style*="Verdana"], html body [style*="Arial"] { font-family: var(--exfa-texto-fonte) !important; }

/* ---------- 3.11 Cabecalho compacto ---------- */
/* Desktop: 166 px -> ~120 px. Logo a 56 px (manual, sec. 02), busca 40 px, menu 48 px.
   "Central de Suporte" sai (telefone e WhatsApp ja estao no rodape e no botao flutuante). */
html #cabecalho > .conteiner { padding: 8px 20px; }
html #cabecalho > .conteiner > .row-fluid { align-items: center; height: auto; }
html #cabecalho > .conteiner > .row-fluid > .span3, html #cabecalho .logo { height: 56px; line-height: 0; }
html #cabecalho .logo a { display: block; height: 56px; max-height: 56px; }
html #cabecalho .logo a img { height: 56px; width: auto; max-height: 56px; }
html #cabecalho .conteudo-topo { margin-top: 0; }
html #cabecalho .conteudo-topo .inferior { height: auto; align-items: center; }
html #cabecalho .busca { padding: 0 5px 0 0; }
html #cabecalho .busca input, html #cabecalho .busca input:focus { height: 40px; font-size: 14px; }
html #cabecalho .busca .botao { height: 40px; top: 0; }
html #cabecalho .actions { height: auto; justify-content: flex-end; gap: 32px; }
html #cabecalho .actions > li { height: auto; margin: 0; flex: none; }
html #cabecalho .actions > li.support { display: none; }
html #cabecalho .actions > li > a .titulo { font-size: 12.5px; }
html #cabecalho .actions .cart .price-total-cart { display: none !important; }
html .full.menu,
html .full.menu .conteiner .nivel-um,
html .full.menu .conteiner .nivel-um > li,
html .full.menu .conteiner .nivel-um > li > a { height: 48px; line-height: 48px; }
html .full.menu .conteiner .nivel-um > li.offers > a { height: 34px; line-height: 34px; margin-top: 7px; padding: 0 16px; }
html .full.menu .conteiner .nivel-um > li.offers > a > .titulo { font-size: 13px; }

/* Mobile: 266 px -> ~110 px. Logo vai para a barra de atalhos, entre os icones; embaixo fica so a busca. */
@media (max-width: 767px) {
  html #cabecalho > .conteiner { padding: 0 10px 8px; }
  html #cabecalho > .conteiner > .row-fluid { display: block; }
  html #cabecalho .logo, html #cabecalho .logo a { height: 40px; max-height: 40px; }
  html #cabecalho .logo a img { height: 40px; width: 40px; max-height: 40px; }
  html #cabecalho .conteudo-topo { margin: 0; width: 100%; }
  html #cabecalho .busca input, html #cabecalho .busca input:focus, html #cabecalho .busca .botao { height: 42px; }
  html #cabecalho .conteudo-topo .busca-mobile .atalho-menu { height: 42px; width: 42px; line-height: 42px; }
}

/* ---------- 3.12 Ajustes de 11/09 (noite) ---------- */
/* 1. Cartoes da mesma altura: coluna flex, acoes empurradas para o pe */
html #listagemProdutos.listagem .listagem-item,
html .listagem.aproveite-tambem .listagem-item { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }
html #listagemProdutos.listagem .listagem-item .imagem-produto,
html #listagemProdutos.listagem .listagem-item .info-produto,
html .listagem.aproveite-tambem .listagem-item .imagem-produto,
html .listagem.aproveite-tambem .listagem-item .info-produto { float: none; width: 100%; }
html #listagemProdutos.listagem .listagem-item .info-produto,
html .listagem.aproveite-tambem .listagem-item .info-produto { flex: 1 1 auto; }
/* carrossel da home (slick) */
html #listagemProdutos.listagem .slick-track { display: flex; align-items: stretch; }
html #listagemProdutos.listagem .slick-slide { height: auto; display: flex; float: none; }
/* grade de categoria, busca e relacionados: os li.span3 flutuantes viram grid */
html .pagina-categoria #listagemProdutos.listagem > ul,
html .pagina-busca #listagemProdutos.listagem > ul,
html .listagem.aproveite-tambem > ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 16px; margin: 0; }
html .pagina-categoria #listagemProdutos.listagem > ul > li,
html .pagina-busca #listagemProdutos.listagem > ul > li,
html .listagem.aproveite-tambem > ul > li { width: auto; margin: 0 !important; float: none; display: flex; }
html .pagina-categoria #listagemProdutos.listagem .listagem-item { margin-bottom: 0; }
@media (max-width: 767px) {
  html .pagina-categoria #listagemProdutos.listagem > ul,
  html .pagina-busca #listagemProdutos.listagem > ul,
  html .listagem.aproveite-tambem > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
}
/* 2. "Ver mais" sempre visivel, no fluxo — nao cobre mais a parcela no hover */
html #listagemProdutos.listagem .listagem-item .acoes-produto,
html .listagem.aproveite-tambem .listagem-item .acoes-produto,
html #listagemProdutos.listagem .listagem-item:hover .acoes-produto,
html .listagem.aproveite-tambem .listagem-item:hover .acoes-produto { position: static; opacity: 1; bottom: auto; background: transparent; box-shadow: none; height: auto; padding: 10px 4px 4px; margin-top: auto; }

/* 3. Tarja: no desktop volta a faixa continua da plataforma; os selos do tema ficam so no celular */
@media (min-width: 768px) {
  html .banner-tarja-alpha { display: none !important; }
  html .secao-banners .banner.tarja { display: block !important; }
}

/* 4/5. Cabecalho mobile: barra com altura fixa, logo centrado nela e imune ao modo "fixed" do tema; busca com respiro lateral */
@media (max-width: 767px) {
  html #cabecalho .atalhos-mobile { height: 52px; padding: 0 10px; box-sizing: border-box; }
  html .atalhos-mobile li { line-height: 52px; height: 52px; }
  html .atalhos-mobile a { top: 0; height: 52px; display: flex; align-items: center; }
  html .atalhos-mobile ul li a .icon { height: 30px; }
  html .atalhos-mobile ul li a .qtd-carrinho { margin-top: -22px; }
  html #cabecalho > .conteiner > .row-fluid > .span3,
  html #cabecalho.fixed > .conteiner > .row-fluid > .span3 { position: fixed; top: 6px; left: 14px; width: 40px; height: 40px; min-height: 40px; margin: 0; z-index: 11; transition: none; }
  /* o icone "home" da barra da lugar ao logo (que ja leva para a home) */
  html .atalhos-mobile > ul > li:first-child > a { visibility: hidden; }
  html #cabecalho .logo a, html #cabecalho.fixed .logo a { display: block; height: 40px; max-height: 40px; margin: 0; }
  html #cabecalho .busca-mobile { padding: 4px 10px 0; }
  html #cabecalho .busca { margin-right: 60px; }
}
/* desktop: o modo "fixed" (ao rolar) nao esconde mais o logo */
@media (min-width: 768px) {
  html #cabecalho.fixed .conteiner > .row-fluid > .span3 { height: 56px; min-height: 56px; }
  html #cabecalho.fixed .logo a { height: 56px; max-height: 56px; }
}

/* Deslocamento do conteudo abaixo do cabecalho fixo: o tema cravou 166 px (desktop) e 220/221 px (mobile)
   para a altura antiga; o JS dele so corrige quando .secao-banners e irmao direto do #cabecalho, o que nao acontece aqui. */
html #cabecalho { height: 121px; }
html .secao-banners,
html .pagina-carrinho #corpo, html .pagina-produto #corpo, html .pagina-busca #corpo, html .pagina-categoria #corpo,
html .pagina-login #corpo, html .pagina-cadastro #corpo, html .pagina-conta #corpo, html .pagina-conta-endereco #corpo,
html .pagina-favorito-listar #corpo, html .pagina-pedido-listar #corpo, html .pagina-marca #corpo, html .pagina-pagina #corpo,
html #cabecalho + .banner-tarja-alpha, html .pagina-produto .banner-tarja-alpha { margin-top: 121px !important; }
@media (max-width: 767px) {
  html #cabecalho { height: 115px; }
  html .secao-banners, html #fullbanner-mob,
  html .pagina-carrinho #corpo, html .pagina-produto #corpo, html .pagina-busca #corpo, html .pagina-categoria #corpo,
  html .pagina-login #corpo, html .pagina-cadastro #corpo, html .pagina-conta #corpo, html .pagina-conta-endereco #corpo,
  html .pagina-favorito-listar #corpo, html .pagina-pedido-listar #corpo, html .pagina-marca #corpo, html .pagina-pagina #corpo,
  html #cabecalho + .banner-tarja-alpha, html .pagina-produto .banner-tarja-alpha { margin-top: 115px !important; }
}
/* mobile: preco e parcela alinhados a esquerda como o nome (o tema centraliza no celular) */
@media (max-width: 767px) {
  html #listagemProdutos.listagem .listagem-item .info-produto,
  html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto,
  html .listagem.aproveite-tambem .listagem-item .info-produto { text-align: left; }
  /* no celular o tema empilha (flex-direction: column) com align-items: center — e o preco ia para o meio */
  html #listagemProdutos.listagem .listagem-item .info-produto .preco-produto > div,
  html .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto > div { justify-content: flex-start; align-items: flex-start; }
}

/* ---------- 3.13 Ajustes de 15/09 ---------- */
/* 1. Vitrines da home: titulo + carrossel num bloco so, com o mesmo respiro para todas. Faixa em Areia SO na
   vitrine importante — a "Super Ofertas" (.vitrine-lancamento no HTML da plataforma; o tema a rotula assim).
   As outras (Lancamentos, Mais Vendidos, Destaques, categoria) ficam sem fundo. Para destacar outra, acrescentar
   o seletor dela (ex.: .vitrine-destaque) as duas regras de fundo abaixo. Seletor pelo tipo, nunca pelo nome. */
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] {
  background: transparent; border: 1px solid transparent; border-bottom: 0;
  border-radius: var(--exfa-raio) var(--exfa-raio) 0 0; padding: 28px 32px 4px; margin-top: 28px; box-sizing: border-box;
}
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"]:first-child { margin-top: 0; }
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] + ul {
  background: transparent; border: 1px solid transparent; border-top: 0;
  border-radius: 0 0 var(--exfa-raio) var(--exfa-raio); padding: 12px 32px 28px; margin: 0; box-sizing: border-box;
}
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria.vitrine-lancamento,
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria.vitrine-lancamento + ul { background: var(--exfa-areia); border-color: var(--exfa-areia); }
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] h2 { font-size: 30px; }
/* vitrine de categoria (titulo e um <a><strong>): mesmo tamanho e mesmo traco dos outros */
html .pagina-inicial #listagemProdutos.listagem > a.titulo-categoria[class*="vitrine-"] > strong {
  display: block; font-family: var(--exfa-display); font-weight: 700; font-size: 30px; line-height: 1.1; text-transform: uppercase; letter-spacing: .03em; color: var(--exfa-texto);
}
html .pagina-inicial #listagemProdutos.listagem > a.titulo-categoria[class*="vitrine-"] > strong:after {
  content: ""; display: block; width: 44px; height: 4px; background: var(--exfa-folha); margin: 10px 0 0; border-radius: var(--exfa-raio-tag);
}
/* setas do carrossel na calha entre a borda da faixa e o primeiro cartao */
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] + ul .slick-prev { left: -8px; }
html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] + ul .slick-next { right: -8px; }
@media (max-width: 767px) {
  html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] { padding: 20px 14px 4px; margin-top: 16px; }
  html .pagina-inicial #listagemProdutos.listagem > .titulo-categoria[class*="vitrine-"] + ul { padding: 8px 14px 16px; }
}

/* 2. Cartao do carrossel sem margem vertical: o tema dava 5 px em cima e embaixo com height:100%,
   e a borda de baixo ficava escondida pelo overflow:hidden do .slick-list. Respiro para a sombra do hover. */
html #listagemProdutos.listagem .slick-slide .listagem-item,
html .listagem.aproveite-tambem .slick-slide .listagem-item { margin: 0 10px; width: auto; flex: 1 1 auto; min-width: 0; }
html #listagemProdutos.listagem .slick-list,
html .listagem.aproveite-tambem .slick-list { padding-bottom: 20px; margin-bottom: -20px; }

/* 3. "Compre pela marca": marca sem logo (so o nome em texto) vira um cartao com a display, do tamanho de um logo */
html #corpo .conteiner > .marcas .flexslider { margin: 20px 0 0; }
/* vale para o link com nome (a.marca-nome > b.titulo) e para o link com logo (a > img) */
html #corpo .conteiner > .marcas .slides li a {
  display: flex; align-items: center; justify-content: center; height: 88px; margin: 0 8px; box-sizing: border-box; line-height: 1;
  background: #fff; border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); transition: border-color .15s ease-out, box-shadow .15s ease-out;
}
html #corpo .conteiner > .marcas .slides li a:hover { border-color: var(--exfa-mata); box-shadow: var(--exfa-sombra); }
html #corpo .conteiner > .marcas .slides li a.marca-nome .titulo {
  font-family: var(--exfa-display); font-weight: 700; font-size: 32px; letter-spacing: .06em; text-transform: uppercase; color: var(--exfa-texto); margin: 0;
}
html #corpo .conteiner > .marcas .slides li a.marca-nome:hover .titulo { color: var(--exfa-mata); }
/* logo: a plataforma posiciona absoluto e centra por margin:auto; dentro do cartao flex volta ao fluxo.
   O tema deixa em cinza e colore no hover — mantido. A plataforma reduz o arquivo para caber em 350x350 ao subir,
   entao os PNGs de marcas/ vao sem canvas comum (largura do proprio logo) e quem iguala a altura e esta regra.
   Logos compactos (quase quadrados: EX-FA, Collins, Deuter, Guepardo) parecem menores que os horizontais na mesma altura: ganham 70 px. */
html #corpo .conteiner > .marcas .flexslider ul li img,
html #corpo .conteiner > .marcas .slides li a img { position: static; max-height: 56px; max-width: 72%; width: auto; height: auto; margin: 0; display: block; }
html #corpo .conteiner > .marcas .slides li a img[alt="EX-FA"],
html #corpo .conteiner > .marcas .slides li a img[alt="Collins"],
html #corpo .conteiner > .marcas .slides li a img[alt="Deuter"],
html #corpo .conteiner > .marcas .slides li a img[alt="Guepardo"] { max-height: 70px; }

/* 3b. Categorias de marca (Bahco, NTK...) escondidas do menu, do "Outros" e do rodape, sem inativar:
   a URL continua viva (sem 404, sem precisar de redirect) e a marca passa a ser alcancada por /marca/x.html.
   Seletor pela classe categoria-id-N que o tema poe em cada li do menu; no rodape nao ha id, vai pelo href. */
html #cabecalho li.categoria-id-24111436, html .full.menu li.categoria-id-24111436,   /* bahco */
html #cabecalho li.categoria-id-24158484, html .full.menu li.categoria-id-24158484,   /* ntk */
html #cabecalho li.categoria-id-24162208, html .full.menu li.categoria-id-24162208,   /* ganzo */
html #cabecalho li.categoria-id-24375690, html .full.menu li.categoria-id-24375690,   /* wuben */
html #cabecalho li.categoria-id-24158687, html .full.menu li.categoria-id-24158687,   /* guepardo */
html #cabecalho li.categoria-id-24292495, html .full.menu li.categoria-id-24292495,   /* azteq */
html #cabecalho li.categoria-id-24362975, html .full.menu li.categoria-id-24362975,   /* sawyer */
html #cabecalho li.categoria-id-24269121, html .full.menu li.categoria-id-24269121,   /* deuter */
html #cabecalho li.categoria-id-24386667, html .full.menu li.categoria-id-24386667,   /* fiskars */
html #rodape li:has(> a[href$="/bahco"]), html #rodape li:has(> a[href$="/ntk"]), html #rodape li:has(> a[href$="/ganzo"]),
html #rodape li:has(> a[href$="/wuben"]), html #rodape li:has(> a[href$="/guepardo"]), html #rodape li:has(> a[href$="/azteq"]),
html #rodape li:has(> a[href$="/sawyer"]), html #rodape li:has(> a[href$="/deuter"]), html #rodape li:has(> a[href$="/fiskars"]) { display: none; }
/* 3c. Categoria "Super Ofertas" (/ofertas-especiais) fora do menu e do rodape: o botao verde do tema (timer, secao 07
   do manual Alpha) ja leva para ela, e os dois juntos na barra repetiam "SUPER OFERTAS". O tema so a removeria sozinho
   se o nome fosse exatamente "Ofertas Especiais"; como se chama "Super Ofertas", vai pelo id. A URL continua viva. */
html #cabecalho li.categoria-id-24449993, html .full.menu li.categoria-id-24449993,
html #rodape li:has(> a[href$="/ofertas-especiais"]) { display: none; }
/* src/exfa-menu.js: item "Marcas" (no celular, mesmo recuo dos itens de Categorias) e âncora do botão
   "Super ofertas" na home (/#super-ofertas), que precisa parar abaixo do cabeçalho fixo */
html .conteudo-topo .menu.superior .links-rodape-marcas > ul > li { padding: 5px 0 0; }
html #super-ofertas { display: block; scroll-margin-top: 140px; }

/* 4. Categoria/busca com o banner ligado para todas as paginas: o deslocamento do cabecalho fixo
   ja esta no .secao-banners — o #corpo nao repete os 121 px. */
html body .secao-banners ~ #corpo { margin-top: 0 !important; }
html body:not(.pagina-inicial) .secao-banners .banner.tarja { margin-bottom: 0; }

/* 5. Pagina de categoria/busca: titulo e ordenacao na mesma linha, menu lateral compacto,
   3 colunas (cartao ~305 px em vez de 225) com gap menor e area da imagem quadrada. */
html body.pagina-categoria #corpo .conteudo, html body.pagina-busca #corpo .conteudo { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 16px; }
html body.pagina-categoria #corpo .conteudo > *, html body.pagina-busca #corpo .conteudo > * { grid-column: 1 / -1; min-width: 0; }
html body.pagina-categoria #corpo .conteudo > h1.titulo, html body.pagina-busca #corpo .conteudo > h1.titulo { grid-column: 1; grid-row: 1; margin: 0 0 16px; }
html body.pagina-categoria #corpo .conteudo > .ordenar-listagem.topo, html body.pagina-busca #corpo .conteudo > .ordenar-listagem.topo { grid-column: 2; grid-row: 1; padding: 0; margin: 0 0 16px; }
html body.pagina-categoria #corpo .conteudo > .ordenar-listagem.topo .row-fluid > .span6 { width: auto; float: none; }
@media (max-width: 767px) {
  /* celular: titulo em cima, ordenacao + "Filtrar" embaixo na largura toda */
  html body.pagina-categoria #corpo .conteudo, html body.pagina-busca #corpo .conteudo { display: block; }
  html body.pagina-categoria #corpo .conteudo > .ordenar-listagem.topo, html body.pagina-busca #corpo .conteudo > .ordenar-listagem.topo { padding-bottom: 10px; }
}
html body.pagina-categoria .menu.lateral, html body.pagina-busca .menu.lateral { margin-bottom: 12px; }
html body.pagina-categoria .menu.lateral.outras .nivel-um li, html body.pagina-busca .menu.lateral.outras .nivel-um li { padding: 0; }
html body.pagina-categoria .menu.lateral ul.nivel-um > li > a, html body.pagina-busca .menu.lateral ul.nivel-um > li > a { height: auto; line-height: 1.3; padding: 9px 12px; }
html body.pagina-categoria .menu.lateral ul.nivel-um > li > a .titulo, html body.pagina-busca .menu.lateral ul.nivel-um > li > a .titulo,
html body.pagina-categoria .menu.lateral .nivel-um > li.ativo a .titulo { font-size: 13px; letter-spacing: .06em; }
@media (min-width: 768px) {
  html .pagina-categoria #listagemProdutos.listagem > ul,
  html .pagina-busca #listagemProdutos.listagem > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}
html body.pagina-categoria #corpo .secao-principal .listagem > ul > li .listagem-item,
html body.pagina-busca #corpo .secao-principal .listagem > ul > li .listagem-item { margin: 0; width: 100%; }
/* area da imagem proporcional a largura do cartao (5:4) em vez dos 270/349 px fixos do tema */
html #listagemProdutos.listagem .listagem-item .imagem-produto,
html .listagem.aproveite-tambem .listagem-item .imagem-produto { height: auto; aspect-ratio: 5 / 4; }

/* 6. Pagina de produto: respiro entre o cabecalho fixo e o produto (desktop ficava colado, 0 px).
   No celular a tarja do tema (.banner-tarja-alpha) entra antes do #corpo e ja carrega o deslocamento
   do cabecalho — o #corpo nao repete os 115 px. */
html .pagina-produto #corpo > .conteiner { padding-top: 24px; }
@media (max-width: 767px) {
  /* so no celular: no desktop a .banner-tarja-alpha existe no DOM mas esta display:none (3.12 item 3) */
  html body.pagina-produto .banner-tarja-alpha ~ #corpo { margin-top: 0 !important; }
  html .pagina-produto #corpo > .conteiner { padding-top: 8px; }
}

/* 7. Descricao do produto: tolerar o HTML que vem do ChatGPT/Word (p dentro de li, strong dentro de h3)
   e dar ritmo as listas. Modelo de referencia: docs/modelo-descricao-produto.html */
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao ul,
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao ol { padding-left: 22px; margin: 0 0 20px; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao li { margin: 0 0 6px; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao li > p { margin: 0; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h3 strong,
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao h3 b { font-weight: inherit; color: inherit; }
html .pagina-produto #corpo .abas-custom .tab-content .tab-pane#descricao p { margin: 0 0 14px; }

/* 8. Pagina de marca (/marca/x.html, body.pagina-marca): o tema nao trata — os li.span3 ficam flutuando
   com margens do Bootstrap e as linhas desalinham. Mesma grade da categoria; sem coluna lateral, 4 colunas. */
html .pagina-marca #listagemProdutos.listagem > ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; }
html .pagina-marca #listagemProdutos.listagem > ul > li { width: auto; margin: 0 !important; padding: 0; float: none; display: flex; }
html body.pagina-marca #corpo .secao-principal .listagem > ul > li .listagem-item { margin: 0; width: 100%; }
html .pagina-marca #corpo .conteudo > .marca-info h1.titulo,
html .pagina-marca #corpo .conteudo > h1.titulo { font-family: var(--exfa-display); font-weight: 700; font-size: 28px; letter-spacing: .03em; text-transform: uppercase; color: var(--exfa-texto); margin: 0 0 16px; }
/* cabecalho da marca: a plataforma poe o logo em tamanho natural (ate 350 px) flutuando a direita — vira
   titulo a esquerda + logo a direita com 72 px de altura, largura proporcional (mesmo criterio do carrossel) */
html .pagina-marca #corpo .conteudo > .marca-info { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
html .pagina-marca #corpo .conteudo > .marca-info h1.titulo { margin: 0; }
html .pagina-marca #corpo .conteudo > .marca-info .image { float: none; margin: 0; flex: 0 0 auto; }
html .pagina-marca #corpo .conteudo > .marca-info .image img { max-height: 72px; max-width: 240px; width: auto; height: auto; display: block; }
@media (max-width: 991px) {
  html .pagina-marca #listagemProdutos.listagem > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  html .pagina-marca #listagemProdutos.listagem > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
}

/* ---------- 3.14 Ajustes de 16/09 (revisao ui-ux-pro-max) ---------- */
/* 1. Largura do conteudo: a plataforma limita o .conteiner a 1140 px e o tema a 1274; passa a --exfa-largura
   (94% da tela, teto 1800 px) com calha de 24 px. Vale para cabecalho, menu, vitrines, listagens, rodape — tudo usa
   o mesmo .conteiner. So no desktop: no celular a plataforma cuida da calha. */
@media (min-width: 768px) {
  html .conteiner, html .tema-pequeno .conteiner { max-width: var(--exfa-largura); padding-left: 24px; padding-right: 24px; }
  html #cabecalho > .conteiner { padding: 8px 24px; }
  html .full.menu .conteiner { padding-left: 24px; padding-right: 24px; }
}
/* com o conteudo mais largo, as grades ganham colunas por faixa de tela (cartao entre ~250 e ~330 px):
   categoria/busca 3 -> 4 (1400) -> 5 (1750); pagina de marca 4 -> 5 (1400) -> 6 (1750).
   As vitrines da home sao carrossel do tema (4 por vez, JS) e acompanham a largura sem mudar a contagem. */
@media (min-width: 1400px) {
  html .pagina-categoria #listagemProdutos.listagem > ul,
  html .pagina-busca #listagemProdutos.listagem > ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html .pagina-marca #listagemProdutos.listagem > ul { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 1750px) {
  html .pagina-categoria #listagemProdutos.listagem > ul,
  html .pagina-busca #listagemProdutos.listagem > ul { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  html .pagina-marca #listagemProdutos.listagem > ul { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* 1b. O dropdown "Super ofertas" do cabecalho tambem tem um #listagemProdutos.listagem (id duplicado pelo tema):
   as grades de categoria/busca/marca (3.12, 3.13-5, 3.13-8) nao podem valer la dentro — o slick precisa de bloco */
html .full.menu #listagemProdutos.listagem > ul,
html .pagina-categoria .full.menu #listagemProdutos.listagem > ul,
html .pagina-busca .full.menu #listagemProdutos.listagem > ul,
html .pagina-marca .full.menu #listagemProdutos.listagem > ul { display: block; grid-template-columns: none; gap: 0; }
html .full.menu #listagemProdutos.listagem > ul > li { display: block; }

/* 2. Menu numa linha so. O tema calcula width = 100/n % inline para cada li ANTES de o exfa-menu.js inserir o item
   "Marcas" — a soma passava de 100% e o botao "Super ofertas" caia para a linha de baixo. Aqui os itens viram
   flex (o inline perde para o !important), itens escondidos (3b/3c) nao ocupam espaco e o botao mantem a largura
   natural. Nada quebra linha; se um dia houver itens demais, encolhe a letra em vez de quebrar. */
html .full.menu .conteiner .nivel-um { display: flex; flex-wrap: nowrap; justify-content: center; }
html .full.menu .conteiner .nivel-um > li { width: auto !important; flex: 1 1 0; min-width: 0; }
html .full.menu .conteiner .nivel-um > li.offers { flex: 0 0 auto; }
html .full.menu .conteiner .nivel-um > li > a { padding: 0 8px; white-space: nowrap; }
html .full.menu .conteiner .nivel-um > li > a > .titulo { overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 768px) and (max-width: 1199px) {
  html .full.menu .conteiner .nivel-um > li > a > .titulo { font-size: 14px; letter-spacing: .05em; }
}

/* 3. Dropdowns do menu (Marcas, Outros, Super ofertas) abrem tambem por teclado: o tema so abre no :hover */
html .full.menu .conteiner .nivel-um > li.com-filho:focus-within > .nivel-dois { display: block; }
html .full.menu .conteiner .nivel-um > li.offers:focus-within > .nivel-dois { display: flex; }

/* 4. Alvos de toque: "Ver mais" do cartao e itens do menu do celular com no minimo 44 px (WCAG 2.5.8 / iOS) */
@media (hover: none), (max-width: 767px) {
  html #listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,
  html .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar { min-height: 44px; padding: 12px 12px; }
  html .busca-mobile .menu.superior.visible-phone .links-rodape ul li a,
  html .busca-mobile .menu.superior.visible-phone .links-rodape .titulo { display: flex; align-items: center; min-height: 44px; }
}

/* 5. Texto: nada abaixo de 12 px em texto corrido; nome do produto no cartao a 14 px (base 16, escala 12/14/16/18/24/32) */
html #listagemProdutos.listagem .listagem-item .info-produto .nome-produto,
html .listagem.aproveite-tambem .listagem-item .info-produto .nome-produto { font-size: 14px; }
html #rodape > div:last-child, html #rodape > div:last-child p { font-size: 12px; }
html .listagem-item.prod-cat-23740768 .info-produto .nome-produto:before { font-size: 11px; }

/* 6. Movimento reduzido (prefers-reduced-motion): transicoes do CSS viram instantaneas; o carrossel para de girar sozinho
   nao da para desligar por CSS (e JS do tema), mas o hover/foco nao anima */
@media (prefers-reduced-motion: reduce) {
  html *, html *::before, html *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* ---------- 3.15 Ajustes de 16/09 (noite) — banner, produto, cabecalho, rodape, filtros ---------- */
/* 1. Setas do banner principal: bolinha branca 44 px com o icone em Verde-noite, aparecem ao passar o mouse
   (no toque ficam sempre visiveis, 36 px), Folha no hover/foco. O tema usava quadrado cinza 50 px a 50%. */
html .secao-banners .flex-direction-nav li a, html #fullbanner .flex-direction-nav li a {
  width: 44px; height: 44px; margin-top: -22px; border-radius: 999px; background: rgba(255,255,255,.92); opacity: 0;
  box-shadow: 0 4px 14px rgba(15,26,11,.25); transition: opacity .2s ease-out, background-color .15s ease-out, transform .15s ease-out;
}
html .secao-banners .flex-direction-nav li a .icon { height: 16px; }
html .secao-banners .flex-direction-nav li a .icon * { fill: var(--exfa-noite); }
html .secao-banners .flex-direction-nav .flex-prev { left: 24px; }
html .secao-banners .flex-direction-nav .flex-next { right: 24px; }
html .secao-banners .flexslider:hover .flex-direction-nav li a,
html .secao-banners .flex-direction-nav li a:focus-visible { opacity: 1; }
html .secao-banners .flex-direction-nav li a:hover { background: var(--exfa-folha); transform: scale(1.06); }
@media (hover: none), (max-width: 767px) {
  html .secao-banners .flex-direction-nav li a { opacity: 1; width: 36px; height: 36px; margin-top: -18px; }
  html .secao-banners .flex-direction-nav .flex-prev { left: 10px; }
  html .secao-banners .flex-direction-nav .flex-next { right: 10px; }
}
/* bolinhas de paginacao do banner: maiores */
html .secao-banners .flex-control-paging li a { width: 10px; height: 10px; box-shadow: none; }

/* 2. Pagina de produto */
/* galeria: imagem principal num quadro com borda e canto; miniaturas com canto e ativa em Verde-mata */
html .pagina-produto #corpo .produto .conteiner-imagem { position: relative; border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); overflow: hidden; background: #fff; }
/* imagem principal em 100% da largura do quadro (o tema deixava 600 px centrados em ~640; exfa-menu.js pede 1000x1000 ao CDN) */
html .pagina-produto #corpo .produto .conteiner-imagem #imagemProduto { display: block; width: 100%; height: auto; }
/* o quadro nunca passa da primeira dobra: largura limitada pela altura da tela (cabecalho 121 px + respiro), foto quadrada fica quadrada.
   23/09/2026: 190 -> 250 px para a linha compartilhar/lista de desejos caber na primeira dobra (1366x768: termina a 29 px da borda) */
@media (min-width: 768px) { html .pagina-produto #corpo .produto .conteiner-imagem { max-width: calc(100vh - 250px); } }
html .thumbs-vertical ul li a, html .thumbs-horizontal ul li a { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio-tag); overflow: hidden; transition: border-color .15s ease-out; }
html .thumbs-vertical ul li a:hover, html .thumbs-horizontal ul li a:hover { border-color: var(--exfa-caqui); }
html .thumbs-vertical ul li.active a, html .thumbs-horizontal ul li.active a { border: 2px solid var(--exfa-mata); }
/* setas das miniaturas (tema: dois "<>" soltos de 50 px, encavalados): viram dois botoes redondos de 32 px lado a lado */
html #carouselImagem .flex-direction-nav { display: flex; justify-content: center; gap: 8px; position: static; margin-top: 6px; }
html #carouselImagem .flex-direction-nav li { position: static; }
html #carouselImagem .flex-direction-nav li a, html #carouselImagem .flex-direction-nav a.flex-prev, html #carouselImagem .flex-direction-nav a.flex-next {
  position: relative; top: auto; left: auto; right: auto; transform: none; width: 32px; height: 32px; margin: 0; border-radius: 999px; background: #fff; border: 1px solid var(--exfa-linha); opacity: 1; transition: border-color .15s ease-out, background-color .15s ease-out;
}
html #carouselImagem .flex-direction-nav li a .icon { height: 12px; }
html #carouselImagem .flex-direction-nav li a .icon * { fill: var(--exfa-texto-2); }
html #carouselImagem .flex-direction-nav li a:hover { border-color: var(--exfa-mata); background: var(--exfa-areia); }
html #carouselImagem .flex-direction-nav li a.flex-disabled { opacity: .35; cursor: default; }
/* setas sobre a imagem principal (criadas pelo exfa-menu.js: clicam na miniatura anterior/seguinte) */
html .exfa-gal-seta {
  position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; border: 0; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--exfa-noite);
  box-shadow: 0 4px 14px rgba(15,26,11,.25); cursor: pointer; opacity: 0; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 3;
  transition: opacity .2s ease-out, background-color .15s ease-out;
}
html .exfa-gal-seta svg { width: 14px; height: 14px; fill: currentColor; }
html .exfa-gal-seta.prev { left: 12px; }
html .exfa-gal-seta.next { right: 12px; }
html .conteiner-imagem:hover .exfa-gal-seta, html .exfa-gal-seta:focus-visible { opacity: 1; }
html .exfa-gal-seta:hover { background: var(--exfa-folha); }
@media (hover: none), (max-width: 767px) { html .exfa-gal-seta { opacity: 1; width: 36px; height: 36px; margin-top: -18px; } }
html .pagina-produto #corpo .produto #abreZoom { display: none; }   /* a lupa flutuante do tema; o zoom continua no clique da imagem */
/* bloco de informacoes: mais respiro, hierarquia clara (nome > preco > compra > frete) */
html .pagina-produto #corpo .produto .principal { padding-left: 8px; }
html .pagina-produto #corpo .produto .principal .nome-produto { font-size: 30px; margin: 4px 0 10px; }
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto { padding: 0 0 6px; }
html .pagina-produto #corpo .produto .principal .info-principal-produto .codigo-produto a { color: var(--exfa-mata); font-weight: 600; }
html .pagina-produto #corpo .produto .principal .acoes-produto { padding: 22px 24px; margin-top: 18px; background: #fff; }
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-promocional,
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto span.preco-a-partir strong { font-size: 34px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-venda { font-size: 14px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .preco-parcela { font-size: 14px; margin-top: 6px; display: block; }
html .pagina-produto #corpo .produto .principal .acoes-produto .view-forma-pagamento { display: inline-block; margin: 10px 0 14px; font-weight: 600; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar { padding-top: 6px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .qtde-adicionar-carrinho { height: 52px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .botao-comprar { height: 52px; line-height: 52px; font-size: 17px; }
html .pagina-produto #corpo .produto .principal .acoes-produto .comprar .disponibilidade-produto { margin-top: 12px; }
/* frete: rotulo + campo alinhados ao cartao de compra */
html .pagina-produto #corpo .produto .principal .cep { margin-top: 18px; }
html .pagina-produto #corpo .produto .principal .cep label { font-weight: 600; color: var(--exfa-texto); margin-bottom: 8px; }
html .pagina-produto #corpo .produto .principal .cep .input-append { display: flex; max-width: 360px; border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); overflow: hidden; box-shadow: none; }
html .pagina-produto #corpo .produto .principal .cep .input-append input { border: 0; border-radius: 0; height: 46px; flex: 1; box-shadow: none; }
html .pagina-produto #corpo .produto .principal .cep .input-append .btn { border: 0; border-left: 1px solid var(--exfa-linha); border-radius: 0; height: 46px; background: var(--exfa-areia); box-shadow: none; }
/* compartilhar/favoritar: linha discreta sob a galeria */
html .pagina-produto #corpo .produto .produto-compartilhar { margin-top: 14px; }
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .box-social-network:before { color: var(--exfa-texto-3); font-weight: 400; font-family: var(--exfa-texto-fonte); }
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .lista-favoritos { color: var(--exfa-texto-2); font-weight: 600; }
html .pagina-produto #corpo .produto .produto-compartilhar .lista-redes ul li .lista-favoritos:hover { color: var(--exfa-mata); }
/* abas (descricao etc.): separadas do bloco de compra */
html .pagina-produto #corpo .abas-custom { margin-top: 32px; border-top: 1px solid var(--exfa-linha); padding-top: 28px; }

/* 3. Cabecalho */
/* rolou a pagina: o tema escondia o menu (max-height 0) e punha um hamburguer, deixando 48 px vazios ate o clique.
   Agora o menu fica, o hamburguer some e o cabecalho fixo e identico ao parado. */
html #cabecalho.fixed .full.menu { max-height: 48px; opacity: 1; z-index: 20; overflow: visible; }
html #cabecalho.fixed .open-menu { display: none !important; }
html #cabecalho.fixed { box-shadow: 0 6px 24px rgba(15,26,11,.28); }
/* busca: 44 px, lupa em Verde-mata dentro do campo; acoes (conta/carrinho) com icones de 26 px */
html #cabecalho .busca input, html #cabecalho .busca input:focus { height: 44px; padding: 0 48px 0 16px; font-size: 14px; background: #fff; }
html #cabecalho .busca input::placeholder { color: var(--exfa-texto-3); }
html #cabecalho .busca .botao { height: 44px; padding: 0 14px; font-size: 18px; color: var(--exfa-mata); }
html #cabecalho .busca .botao:hover { color: var(--exfa-mata-hover); opacity: 1; }
html #cabecalho .actions > li > a { display: flex; align-items: center; gap: 10px; }
html #cabecalho .actions > li > a .icon { width: 32px; height: 32px; margin: 0; }
html #cabecalho .actions > li > a .titulo { font-size: 13px; letter-spacing: .01em; }
/* item ativo do menu (categoria atual) sublinhado em Folha; hover cresce a partir do centro */
html .full.menu .conteiner .nivel-um > li:not(.offers) > a:after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; background: var(--exfa-folha); border-radius: 3px 3px 0 0;
  transform: scaleX(0); transition: transform .18s ease-out;
}
html .full.menu .conteiner .nivel-um > li:not(.offers):hover > a:after,
html .full.menu .conteiner .nivel-um > li:not(.offers):focus-within > a:after,
html .full.menu .conteiner .nivel-um > li.ativo:not(.offers) > a:after { transform: scaleX(1); }
html .full.menu { border-top: 1px solid rgba(255,255,255,.06); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
html .full.menu .conteiner .nivel-um > li > a > .titulo { font-size: 15px; }

/* 4. Rodape: filete Folha no topo, colunas com titulo sublinhado, links com respiro, faixa de pagamento/selos em Areia, barra final discreta */
html #rodape .institucional { border-top: 4px solid var(--exfa-folha); padding: 48px 0 40px; }
html #rodape .institucional .titulo, html #rodape .links-rodape > .titulo { display: block; font-family: var(--exfa-display); font-weight: 700; font-size: 17px; letter-spacing: .08em; text-transform: uppercase; color: var(--exfa-areia); padding: 0 0 10px; margin: 0 0 14px; position: relative; }
html #rodape .links-rodape > .titulo:after { content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; background: var(--exfa-folha); border-radius: 3px; }
html #rodape .links-rodape { border: 0; }
html #rodape .links-rodape ul li { padding: 0; margin: 0; line-height: 1.3; }
html #rodape .links-rodape ul li a { display: inline-block; padding: 3px 0; margin: 0; font-size: 14px; color: var(--exfa-caqui); line-height: 1.4; }
html #rodape .links-rodape ul li a:hover { color: #fff; text-decoration: none; }
html #rodape .links-rodape .contact li { padding: 4px 0; }
html #rodape .links-rodape .contact li a, html #rodape .links-rodape .contact li span { font-size: 14px; }
html #rodape .links-rodape .contact li .icon, html #rodape .links-rodape .contact li .icon * { fill: var(--exfa-folha); }
html #rodape .sobre-loja-rodape .titulo { display: none; }   /* o tema esconde; o logo faz o papel de titulo */
html #rodape .sobre-loja-rodape .logo { margin: 0; line-height: 0; }
html #rodape .sobre-loja-rodape .logo a { display: block; height: auto; }
html #rodape .sobre-loja-rodape .logo a img { position: static; width: 88px; height: auto; max-height: none; max-width: none; margin: 0 0 18px; }   /* a plataforma poe o img absoluto dentro do a */
html #rodape .sobre-loja-rodape p { font-size: 14px; line-height: 1.7; max-width: 46ch; color: var(--exfa-caqui); }
html #rodape .sobre-loja-rodape .more { margin-top: 8px; padding: 10px 18px; font-size: 14px; }
html #rodape .pagamento-selos { background: var(--exfa-areia); border-top: 0; padding: 28px 0 24px; }
html #rodape .pagamento-selos .titulo { font-size: 12px; letter-spacing: .12em; color: var(--exfa-texto-3); margin-bottom: 12px; }
html #rodape > div:last-child { background: var(--exfa-areia); border-top: 1px solid var(--exfa-linha); padding: 14px 0 18px; }
html #rodape > div:last-child p { color: var(--exfa-texto-3); font-size: 12px; margin: 0 0 8px; }
html #rodape > div:last-child img { height: 22px; width: auto; opacity: .75; }

/* 5. Categoria com filtros: coluna lateral como um painel so — categoria atual em destaque, demais categorias em lista
   compacta, filtros em cartoes com cabecalho pequeno, contagem alinhada a direita, hover em Areia, ativo em Verde-mata */
html body.pagina-categoria .menu.lateral, html body.pagina-busca .menu.lateral { border: 0; padding: 0; margin: 0; }
html body.pagina-categoria .menu.lateral:not(.outras) .nivel-um > li.ativo > a { padding: 10px 12px; background: var(--exfa-areia); border-radius: var(--exfa-raio); border-left: 4px solid var(--exfa-folha); }
html body.pagina-categoria .menu.lateral:not(.outras) .nivel-um > li.ativo > a .titulo,
html body.pagina-busca .menu.lateral:not(.outras) .nivel-um > li.ativo > a .titulo { font-size: 15px; color: var(--exfa-texto); }
html body.pagina-categoria .menu.lateral.outras, html body.pagina-busca .menu.lateral.outras { margin: 14px 0 20px; border-top: 1px solid var(--exfa-linha); border-bottom: 1px solid var(--exfa-linha); padding: 6px 0; }
html body.pagina-categoria .menu.lateral.outras .nivel-um > li > a, html body.pagina-busca .menu.lateral.outras .nivel-um > li > a { padding: 7px 12px; border-radius: var(--exfa-raio-tag); }
html body.pagina-categoria .menu.lateral.outras .nivel-um > li > a:hover, html body.pagina-busca .menu.lateral.outras .nivel-um > li > a:hover { background: var(--exfa-areia); }
html body.pagina-categoria .menu.lateral.outras .nivel-um > li > a .titulo, html body.pagina-busca .menu.lateral.outras .nivel-um > li > a .titulo { font-size: 12.5px; letter-spacing: .06em; color: var(--exfa-texto-2); }
html body.pagina-categoria .menu.lateral ul.nivel-um > li, html body.pagina-busca .menu.lateral ul.nivel-um > li { border: 0; }
html .filtro-coluna { margin-bottom: 12px; }
html .filtro-coluna .filtro, html .filtro { border: 1px solid var(--exfa-linha); border-radius: var(--exfa-raio); overflow: hidden; background: #fff; padding: 0; margin: 0; }
html .filtro.lista .atributo-lista { padding: 0; }
html .filtro .titulo, html .filtro h4.titulo { font-size: 12px; letter-spacing: .1em; color: var(--exfa-texto); background: var(--exfa-areia); margin: 0; padding: 10px 14px; border-bottom: 1px solid var(--exfa-linha); }
html .filtro.lista ul { border: 0; margin: 0; padding: 6px 0; }
html .filtro.lista ul li, html .filtro.lista ul li:first-child, html .filtro.lista ul li:last-child { border: 0; }
html .filtro.lista ul li a { display: block; padding: 0; }
html .filtro.lista ul li a label { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 14px; margin: 0; font-size: 13px; line-height: 1.35; color: var(--exfa-texto-2); cursor: pointer; transition: background-color .12s ease-out; }
html .filtro.lista ul li a label small { color: var(--exfa-texto-3); font-size: 12px; flex: none; }
html .filtro.lista ul li a label:hover { background: var(--exfa-areia); color: var(--exfa-texto); font-weight: 400; }
html .filtro.lista ul li.active label { background: transparent; color: var(--exfa-mata); font-weight: 600; }
html .filtro.lista ul li.active label small { color: var(--exfa-mata); }
html .filtro.atributos .atributo-lista { padding: 12px 14px; }
html .filtro.atributos .atributo-comum ul li a { border-color: var(--exfa-linha); }
html .filtro.atributos .atributo-comum ul li a:hover, html .filtro.atributos .atributo-comum ul li.active a { border-color: var(--exfa-mata); color: var(--exfa-mata); }
/* ordenacao no topo: 40 px, alinhada ao titulo */
html .ordenar-listagem select, html .ordenar-listagem .btn { height: 40px; padding: 0 12px; font-size: 13px; }

/* ---------- 3.16 Mobile (18/09/2026) — print do cliente: foto do cartao invadindo o texto, icone do menu vazio ---------- */
@media (max-width: 767px) {
  /* 1. Cartao: no celular o tema poe `height:auto!important` + `padding-top:40px` na .imagem-produto e `max-height:inherit` na img,
     entao a foto quadrada (1200x1200) renderiza na largura toda (278 px) dentro de uma area 5:4 (222 px) e escorre sobre o nome/preco.
     Area vira quadrada (as fotos padrao sao 1:1), a img fica contida e centralizada e nada escapa. */
  html #listagemProdutos.listagem .listagem-item .imagem-produto,
  html .listagem.aproveite-tambem .listagem-item .imagem-produto {
    aspect-ratio: 1 / 1; height: auto !important; max-height: none !important; padding-top: 34px; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
  }
  html #listagemProdutos.listagem .listagem-item .imagem-produto img,
  html .listagem.aproveite-tambem .listagem-item .imagem-produto img {
    max-width: 100%; max-height: 100% !important; width: auto; height: auto; object-fit: contain; margin: 0;
  }
  html #listagemProdutos.listagem .listagem-item .imagem-produto .imagem-zoom,
  html .listagem.aproveite-tambem .listagem-item .imagem-produto .imagem-zoom { display: none; }
  /* 2. Botao do menu (a.atalho-menu.icon-th): o glifo \f0c9 do tema fica em Open Sans (a regra de 15/09 so cobre <i>) e vira um quadrado vazio */
  html .conteudo-topo .busca-mobile .atalho-menu.icon-th:before { font-family: FontAwesome !important; font-size: 22px; line-height: 42px; color: #fff; }
  html #cabecalho .conteudo-topo .busca-mobile .atalho-menu { background: var(--exfa-mata); border-radius: var(--exfa-raio); text-align: center; padding: 0; }
  /* 3. Setas do banner cobriam o titulo (o texto comeca a 24 px da borda e nao ha espaco): no celular somem — arrastar e as bolinhas continuam */
  html .secao-banners .flex-direction-nav, html #fullbanner .flex-direction-nav, html #fullbanner-mob .flex-direction-nav { display: none !important; }
  /* 4. Rodape: titulos centralizados no celular, o traco Folha ficava preso a esquerda */
  html #rodape .links-rodape > .titulo:after { left: 50%; transform: translateX(-50%); }
  /* 5. Pagina de produto: nome com respiro lateral e quadro da imagem sem estourar a largura */
  html .pagina-produto #corpo .produto .conteiner-imagem { max-width: 100%; }
}