/* ===== SFILD – tema personalizado ===== */
body{background:#fff;color:#222}

/* Barra de newsletter */
#barraNewsletter{background:#111111!important;color:#fff!important;border:0!important}
#barraNewsletter .componente,#barraNewsletter span,#barraNewsletter strong{color:#fff!important;font-family:Roboto,Arial,sans-serif;letter-spacing:.3px}
#barraNewsletter button,#barraNewsletter .botao{background:#B8894D!important;border:0!important;color:#111!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:0!important}
#barraNewsletter input{border-radius:0!important;border:0!important}

/* Barra superior */
.barra-inicial{background:#000!important;border:0!important}
.barra-inicial a,.barra-inicial span,.barra-inicial i{color:#e8e1d3!important}

/* Cabeçalho */
#cabecalho{padding:10px 0 6px}
#cabecalho .logo img{max-height:92px}
.bem-vindo,.menu-user-welcome{display:none!important}
.busca{border:1px solid #ddd!important;border-radius:0!important}
.busca .botao,.busca button{background:#111111!important;border-radius:0!important}
.carrinho,.carrinho > a{border-radius:0!important}
.carrinho .icon-shopping-cart,.carrinho i{background:#111111!important}

/* Menu */
.menu.superior{background:#111111!important;border:0!important;border-radius:0!important}
.menu.superior .nivel-um > li > a,.menu.superior .nivel-um > li > a strong{color:#fff!important;background:transparent!important;font-family:Oswald,Arial,sans-serif;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-size:14px}
.menu.superior .nivel-um > li:hover > a{color:#B8894D!important}
.menu.superior .nivel-um > li{border:0!important}
.menu.superior .nivel-um > li > a i,.menu.superior .icon-chevron-down{background:transparent!important;color:#B8894D!important}
.menu.superior .nivel-dois{border-top:2px solid #B8894D!important;border-radius:0!important}
.menu.superior .nivel-dois a{color:#222!important}
.menu.superior .nivel-dois a:hover{color:#B8894D!important}

/* Tarja de benefícios (inserida via HTML) */
.sf-beneficios{display:flex;flex-wrap:wrap;background:#F4F1EA;border-bottom:1px solid #e7e0d2;margin:0 0 18px}
.sf-beneficios div{flex:1 1 25%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:13px 8px;font:500 13px/1.25 Roboto,Arial,sans-serif;color:#222;text-align:left}
.sf-beneficios div + div{border-left:1px solid #e1d8c6}
.sf-beneficios svg{flex:0 0 22px;margin-right:10px;width:22px;height:22px;stroke:#B8894D;fill:none;stroke-width:1.8}
.sf-beneficios b{display:block;font-family:Oswald,Arial,sans-serif;font-weight:600;letter-spacing:.8px;text-transform:uppercase;font-size:13px;color:#111}
@media (max-width:767px){.sf-beneficios div{flex-basis:50%}.sf-beneficios div:nth-child(3){border-left:0}.sf-beneficios div:nth-child(n+3){border-top:1px solid #e1d8c6}.sf-beneficios div{justify-content:flex-start;padding:10px 12px;font-size:12px}}

/* Títulos de vitrine */
.titulo-categoria{border-top:0!important;text-align:center;margin:26px 0 8px!important}
.titulo-categoria strong,.titulo-categoria span,.titulo-categoria h2,.titulo-categoria{font-family:Oswald,Arial,sans-serif!important;text-transform:uppercase;letter-spacing:3px;font-size:22px!important;color:#111!important;font-weight:600!important}
.titulo-categoria:after{content:"";display:block;width:48px;height:2px;background:#B8894D;margin:10px auto 0}

/* Listagem de produtos */
.listagem .listagem-item{border:0!important;padding:10px 10px 18px!important;transition:transform .2s ease}
.listagem .listagem-item:hover{transform:translateY(-3px)}
.listagem-item .imagem-produto{background:#f6f4f0;display:block;overflow:hidden}
.listagem-item .imagem-produto img{width:100%!important;height:260px!important;object-fit:cover;object-position:center top;transition:transform .35s ease}
.listagem-item:hover .imagem-produto img{transform:scale(1.04)}
.listagem-item .nome-produto{color:#222!important;font:500 14px/1.35 Roboto,Arial,sans-serif!important;min-height:38px;margin-top:10px!important;display:block}
.listagem-item .preco-promocional,.listagem-item .preco-venda,.listagem-item .preco-produto strong{color:#111!important;font-family:Oswald,Arial,sans-serif!important;font-size:19px!important;font-weight:600!important}
.listagem-item .preco-produto .titulo{color:#6b6b6b!important}
.listagem-item .acoes-produto .botao{border-radius:0!important}
.listagem .span3,.listagem li{border:0!important}
.listagem > ul > li,.listagem .row-fluid > ul > li{border-right:0!important}

/* Botões */
.botao.principal,.botao-comprar,.botao.principal.grande,.acoes-produto .botao{background:#111111!important;border:0!important;border-radius:0!important;color:#fff!important;text-transform:uppercase;letter-spacing:1.5px;font-family:Oswald,Arial,sans-serif;text-shadow:none!important;box-shadow:none!important}
.botao.principal:hover,.botao-comprar:hover{background:#B8894D!important;color:#111!important}

/* Página de produto */
.produto .nome-produto{font-family:Oswald,Arial,sans-serif!important;font-size:28px!important;color:#111!important;line-height:1.2;text-transform:none}
.produto .preco-produto .preco-promocional,.produto .preco-produto strong{font-family:Oswald,Arial,sans-serif!important;color:#111!important}
.produto .atributo-item,.produto .atributos a{border-radius:0!important;min-width:40px;text-align:center}
.produto .atributos a.active,.produto .atributo-item.active{border-color:#111!important}
.abas-custom .tab-content,#descricao{font:400 15px/1.7 Roboto,Arial,sans-serif;color:#333}
#descricao h3{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:17px;color:#111;margin-top:22px}
#descricao table{border-collapse:collapse;margin:8px 0;font-size:14px}
#descricao table th{background:#111;color:#fff;padding:8px 14px}
#descricao table td{padding:7px 14px;border:1px solid #e5e5e5;text-align:center}

/* Rodapé */
#rodape{background:#111111!important;color:#cfcfcf!important;border-top:3px solid #B8894D!important}
#rodape a,#rodape span,#rodape li,#rodape p{color:#cfcfcf!important}
#rodape a:hover{color:#B8894D!important}
#rodape .titulo,#rodape h4,#rodape strong{color:#fff!important;font-family:Oswald,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
#rodape .institucional{background:#000!important}

/* WhatsApp flutuante */
.sf-whats{position:fixed;right:18px;bottom:18px;z-index:9999;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s}
.sf-whats:hover{transform:scale(1.07)}
.sf-whats svg{width:30px;height:30px;fill:#fff}
@media (max-width:767px){.sf-whats{width:50px;height:50px;right:14px;bottom:14px}.listagem-item .imagem-produto img{height:200px!important}}

/* Banners */
.secao-banners .info-banner,.secao-banners .titulo{display:none!important}
.secao-banners{margin-bottom:6px}

/* Ajustes 2 */
#barraNewsletter .componente.newsletter,#barraNewsletter .show-hide{background:#111111!important;border-color:#111111!important}
.listagem-item .imagem-produto{height:280px!important;display:flex!important;align-items:center;justify-content:center}
.listagem-item .imagem-produto img{height:100%!important;max-height:280px!important;width:100%!important;object-fit:contain!important}
.cabecalho-interno .nome-loja,.cabecalho-interno .logo a,#cabecalho-fixo .logo a{color:#111!important}
@media (max-width:767px){.listagem-item .imagem-produto{height:210px!important}.listagem-item .imagem-produto img{max-height:210px!important}}

/* Ajustes 3 */
.banner .info-banner,.info-banner.titulo{display:none!important}
.componente.newsletter{background:#111111!important;border:0!important;border-top:3px solid #B8894D!important}
.componente.newsletter .titulo{color:#B8894D!important;font-family:Oswald,Arial,sans-serif;letter-spacing:2px;font-size:20px!important}
.componente.newsletter .texto-newsletter{color:#e8e1d3!important;font:400 15px/1.5 Roboto,Arial,sans-serif!important}
.componente.newsletter i,.componente.newsletter [class*=icon-envelope]{color:#B8894D!important}
.componente.newsletter input{border:0!important;border-radius:0!important;height:40px}
.componente.newsletter button,.componente.newsletter .botao{background:#B8894D!important;border:0!important;border-radius:0!important;height:40px;color:#111!important}
#barraNewsletter{display:none!important}

/* Ajustes 4 */
.atalhos-mobile{background:#111111!important;border:0!important}
.atalhos-mobile a,.atalhos-mobile i{color:#fff!important}
.componente.categoria-descricao{background:#F4F1EA!important;border:0!important}
.componente.categoria-descricao .titulo{color:#111!important;font-family:Oswald,Arial,sans-serif;letter-spacing:1.5px}
.produto .preco-produto .preco-promocional,.produto .preco-produto .preco-venda,.produto .principal .preco-produto strong{font-size:32px!important;font-weight:600!important}
.produto .codigo-produto,.produto .codigo-produto span{color:#6b6b6b!important}

/* Video home */
.sf-video{display:flex;flex-wrap:wrap;align-items:center;background:#111111;margin:24px 0 8px;padding:0}
.sf-video-txt{flex:1 1 38%;box-sizing:border-box;padding:36px 40px;color:#e8e1d3;font:400 15px/1.6 Roboto,Arial,sans-serif}
.sf-video-txt span{display:block;color:#B8894D;font:500 13px Roboto,Arial,sans-serif;letter-spacing:3px;margin-bottom:10px}
.sf-video-txt h2{color:#fff;font:600 30px/1.15 Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.sf-video-txt a{display:inline-block;margin-top:14px;background:#B8894D;color:#111!important;padding:12px 24px;font:600 14px Oswald,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none}
.sf-video-frame{flex:1 1 62%;position:relative;padding-top:35%;min-height:220px}
.sf-video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
@media (max-width:767px){.sf-video-txt,.sf-video-frame{flex-basis:100%}.sf-video-frame{padding-top:56.25%}.sf-video-txt{padding:24px 20px}.sf-video-txt h2{font-size:24px}}

/* Ajustes 5 - padronizacao de fotos, grade de 5, rodape, newsletter */
.listagem .listagem-item .imagem-produto{position:relative!important;height:0!important;padding-top:100%!important;background:#ffffff!important;overflow:hidden}
.listagem .listagem-item .imagem-produto img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center center!important}
@media (min-width:980px){
.listagem > ul{display:flex;flex-wrap:wrap}
.listagem > ul > li.listagem-linha,.listagem > ul > li.listagem-linha > ul{display:contents}
.listagem > ul > li.listagem-linha > ul > li{float:none!important;margin:0!important;width:20%!important;flex:0 0 20%;box-sizing:border-box}
}
.banner.vitrine .componente.newsletter,.banner.vitrine .componente.newsletter .interno{height:100%;box-sizing:border-box}
.banner.vitrine .componente.newsletter .interno{display:flex;flex-direction:column;justify-content:center;padding:24px 26px!important}
.banner.vitrine .componente.newsletter .titulo{padding:0 0 14px!important;margin:0!important}
.banner.vitrine .componente.newsletter .interno-conteudo{margin:0!important;padding:0!important;position:static!important}
#rodape .redes-sociais{position:static!important;height:auto!important;background:transparent!important;background-image:none!important;border:0!important;padding:0!important;box-shadow:none!important}
#rodape .redes-sociais .titulo{color:#ffffff!important;font-family:Oswald,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
#rodape .redes-sociais .lista-redes li a{background:#B8894D!important;color:#111!important;border-radius:0!important}
#rodape .pagamento-selos{background:#0b0b0b!important;background-image:none!important;border-top:1px solid #262626!important}
#rodape .pagamento-selos .titulo{color:#B8894D!important;font-family:Oswald,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;border-color:#262626!important}
#rodape .pagamento-selos .row-fluid > div{border-color:#262626!important}
#rodape .selos img{background:#ffffff;padding:6px 10px}
