/* ==========================================================
   NOVEX DECORA — CSS TEMA GALERIA | VERSÃO LEVE E ELEGANTE
   Objetivo:
   - Visual mais claro, limpo e agradável
   - Dourado usado só como detalhe
   - Preto usado com moderação
   - Melhor leitura em home, produto e carrinho
   ========================================================== */

/*---------------------------------------------------------------*/
/* VARIÁVEIS DO TEMA GALERIA */
:root {
  --cor-tituloContato: #2B2723;
  --cor-textoContato: #6B6258;

  --cor-menu: #2B2723;
  --cor-tituloVitrine: #2B2723;

  --cor-barraSuperior: #2B2723;
  --cor-textoBarraSuperior: #FFFFFF;

  --cor-botaoRastreio: #F4EFE7;
  --cor-textoBotaoRastreio: #2B2723;
  --cor-botaoRastreioHover: #D6B77A;
  --cor-textoBotaoRastreioHover: #2B2723;
  --cor-textoRastreioTitulo: #2B2723;

  --cor-nomeDepoimento: #2B2723;
  --cor-localDepoimento: #A5824E;
  --cor-textoDepoimento: #6B6258;

  --cor-tituloRodape: #2B2723;
  --cor-textoRodape: #6B6258;
  --cor-textoRodapeHover: #A5824E;

  --cor-nomeProduto: #2B2723;
  --cor-textoFrete: #7A6A58;
}

/*---------------------------------------------------------------*/
/* BASE GERAL */
html,
body {
  width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
  background: #FBF9F5 !important;
  color: #3A342E !important;
}

#corpo {
  background: #FBF9F5 !important;
}

.conteiner,
.container,
.main-content,
.home-banner,
.banner-principal,
#banner {
  max-width: 100vw;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

img,
picture,
video,
.banner img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Links */
a,
.cor-principal,
.conteudo a,
.breadcrumbs a {
  color: #A5824E !important;
}

a:hover,
.conteudo a:hover,
.breadcrumbs a:hover {
  color: #2B2723 !important;
}

/* Títulos */
.titulo,
.titulo-categoria,
.listagem .titulo-categoria,
.vitrine > h2,
.conteudo h2,
.conteudo h3 {
  color: #2B2723 !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em;
}

/*---------------------------------------------------------------*/
/* CABEÇALHO */
#cabecalho,
#cabecalho .conteiner {
  background: #000000 !important;
}

#cabecalho {
  border-bottom: 1px solid #EFE7DB !important;
}

#cabecalho,
#cabecalho a,
#cabecalho span,
#cabecalho strong {
  color: #000000 !important;
}

/* Logo menor e mais elegante */
#cabecalho .logo img {
  max-height: 66px !important;
}

#cabecalho .logo {
  padding: 10px 0 !important;
}

/* Ícones do topo */
#cabecalho i,
#cabecalho svg {
  color: #8B6A3F !important;
}

/* Barra superior */
.barra-inicial,
.barra-inicial.fundo-secundario,
#cabecalho .barra-inicial {
  background: #2B2723 !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(214, 183, 122, 0.35) !important;
}

.barra-inicial *,
.barra-inicial a,
.barra-inicial span {
  color: #FFFFFF !important;
}

.barra-inicial i,
.lista-redes i,
.canais-contato i {
  color: #D6B77A !important;
}

/*---------------------------------------------------------------*/
/* BUSCA */
.busca {
  border-radius: 8px !important;
}

.busca input {
  border-radius: 8px !important;
  border: 1px solid #D6B77A !important;
  background: #FFFFFF !important;
  color: #3A342E !important;
  box-shadow: none !important;
  height: 42px !important;
}

.busca input::placeholder {
  color: #A99C8C !important;
  opacity: 1;
}

.busca .botao-busca {
    background: #2b272300 !important;
    color: #000000 !important;
    border-color: #2B2723 !important;
    border-radius: 0 8px 8px 0 !important;
}

.busca .botao-busca:hover {
    background: #d6b77a00 !important;
    color: #2B2723 !important;
    border-color: #D6B77A !important;
}

/*---------------------------------------------------------------*/
/* MENU */
.menu.superior,
.menu.superior .nivel-um {
  background: #000000 !important;
}

.menu.superior .nivel-um>li.trigger-painel-esquerdo>a .trigger-image-icon {
   background-color: #000 !important;;
}

.menu.superior .nivel-um > li a strong,
.menu.superior .nivel-um > li > a,
.menu.superior .titulo {
  color: #2B2723 !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
}

.menu.superior .nivel-um > li:hover > a strong,
.menu.superior .nivel-um > li:hover .titulo,
.menu.superior .nivel-um > li a:hover strong {
  color: #A5824E !important;
}

/* Submenus */
.menu.superior .nivel-dois,
.menu.superior .nivel-tres {
  background: #FFFFFF !important;
  border: 1px solid #EFE7DB !important;
  box-shadow: 0 16px 35px rgba(43, 39, 35, 0.08) !important;
}

.menu.superior .nivel-dois a,
.menu.superior .nivel-tres a {
  color: #3A342E !important;
}

.menu.superior .nivel-dois a:hover,
.menu.superior .nivel-tres a:hover {
  color: #2B2723 !important;
  background: #F7F1E8 !important;
}

/*---------------------------------------------------------------*/
/* BANNERS */
.secao-banners {
  background: #FBF9F5 !important;
}

.secao-banners .banner.cheio {
  background: #111111 !important;
}

/* Mini banners com respiro */
.secao-banners .banner.mini-banner {
  background: #FBF9F5 !important;
  padding-top: 26px !important;
  padding-bottom: 22px !important;
}

.secao-banners .banner.mini-banner img {
  border-radius: 14px !important;
  box-shadow: 0 16px 34px rgba(43, 39, 35, 0.08) !important;
  transition: 0.25s ease-in-out;
}

.secao-banners .banner.mini-banner img:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 42px rgba(43, 39, 35, 0.13) !important;
}

/*---------------------------------------------------------------*/
/* VITRINES E PRODUTOS */
.listagem .titulo-categoria {
  margin-top: 46px !important;
  margin-bottom: 28px !important;
  color: #2B2723 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
}

/* Linha lateral dos títulos */
.listagem .titulo-categoria:before,
.listagem .titulo-categoria:after {
  background: #E4D8C6 !important;
}

/* Card do produto */
.listagem .listagem-item {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  padding: 18px 14px !important;
  box-shadow: 0 14px 34px rgba(43, 39, 35, 0.05) !important;
  transition: 0.25s ease-in-out;
}

.listagem .listagem-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(43, 39, 35, 0.10) !important;
}

/* Imagem do produto */
.listagem .imagem-produto {
  background: #FFFFFF !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Nome do produto */
.listagem .nome-produto,
.produto .nome-produto,
.info-produto .nome-produto {
  color: #2B2723 !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.listagem .nome-produto:hover,
.produto .nome-produto:hover {
  color: #A5824E !important;
}

/* Preço */
.preco-produto,
.preco-produto *,
.preco-venda {
  color: #3A342E !important;
}

.preco-promocional {
  color: #2B2723 !important;
  font-weight: 800 !important;
}

/* Parcelamento */
.preco-produto .desconto-a-vista,
.preco-produto .preco-parcela,
.preco-produto small {
  color: #7A7065 !important;
}

/*---------------------------------------------------------------*/
/* BOTÕES — MAIS LEVES */
.botao.principal,
.botao-comprar,
.btn-primary,
button.principal,
.acoes-produto.hidden-phone .botao-comprar {
  background: #D6B77A !important;
  color: #2B2723 !important;
  border: 1px solid #D6B77A !important;
  border-radius: 22px !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  box-shadow: none !important;
}

.botao.principal:hover,
.botao-comprar:hover,
.btn-primary:hover,
button.principal:hover,
.acoes-produto.hidden-phone .botao-comprar:hover {
  background: #2B2723 !important;
  color: #FFFFFF !important;
  border-color: #2B2723 !important;
}

/* Botão comprar página produto */
.pagina-produto .acoes-produto > div .comprar > a .botao,
.pagina-produto .acoes-produto > div.comprar > a.botao,
.pagina-produto .acoes-produto > div.comprar > a .botao {
  border-radius: 28px !important;
  padding: 9px 0 !important;
  background: #D6B77A !important;
  color: #2B2723 !important;
  border: 1px solid #D6B77A !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

.pagina-produto .acoes-produto > div.comprar > a.botao:hover,
.pagina-produto .acoes-produto > div .comprar > a .botao:hover {
  background: #2B2723 !important;
  color: #FFFFFF !important;
  border-color: #2B2723 !important;
}

/* Botão comprar no carrinho interno */
.carrinho-interno > div .botao {
  border-radius: 22px !important;
  background: #D6B77A !important;
  color: #2B2723 !important;
  border: 1px solid #D6B77A !important;
  text-shadow: none !important;
}

/*---------------------------------------------------------------*/
/* CARRINHO NO CABEÇALHO */
.carrinho > a strong {
  font-size: 14px !important;
  margin: 3% -15%;
  line-height: 24px !important;
  color: #FFFFFF !important;
  background: #A5824E !important;
  border-radius: 50% !important;
  width: 24px !important;
  text-align: center;
  height: 24px !important;
  border: 1px solid #A5824E !important;
}

.carrinho > a strong:hover {
  color: #2B2723 !important;
  background: #D6B77A !important;
  border-color: #D6B77A !important;
}

.carrinho > a,
.carrinho > a i,
.carrinho > a span {
  color: #2B2723 !important;
}

/*---------------------------------------------------------------*/
/* PÁGINA DE PRODUTO */
.pagina-produto #corpo {
  background: #FBF9F5 !important;
}

.pagina-produto .principal {
  color: #3A342E !important;
}

/* Título do produto */
.pagina-produto .nome-produto {
  color: #2B2723 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

/* Código produto */
.pagina-produto .codigo-produto,
.pagina-produto .codigo-produto span {
  color: #7A7065 !important;
}

/* Área de compra */
.pagina-produto .acoes-produto {
  background: transparent !important;
}

/* Quantidade */
.pagina-produto input,
.pagina-produto select {
  border-color: #E4D8C6 !important;
  background: #FFFFFF !important;
  color: #3A342E !important;
}

/* Frete */
.produto .cep label,
.produto .cep .titulo,
.produto .cep span {
  color: #3A342E !important;
}

.produto .cep input {
  border: 1px solid #D8CBB8 !important;
  background: #FFFFFF !important;
}

.produto .cep button,
.produto .cep .btn {
  background: #F4EFE7 !important;
  color: #2B2723 !important;
  border: 1px solid #D8CBB8 !important;
}

/* Descrição */
#descricao,
.produto .abas-custom,
.produto .tab-content {
  background: #FFFFFF !important;
  border: 1px solid #E8DED0 !important;
  color: #3A342E !important;
  border-radius: 6px !important;
}

#descricao h2,
#descricao h3 {
  color: #2B2723 !important;
}

/*---------------------------------------------------------------*/
/* CARRINHO */
.pagina-carrinho #corpo {
  background: #FBF9F5 !important;
}

.pagina-carrinho table,
.pagina-carrinho .tabela-carrinho {
  background: #FBF9F5 !important;
}

.pagina-carrinho .tabela-carrinho th {
  color: #2B2723 !important;
}

.pagina-carrinho .tabela-carrinho td {
  color: #3A342E !important;
}

.pagina-carrinho #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > button {
  border-radius: 24px !important;
  background-color: #D6B77A !important;
  color: #2B2723 !important;
  border: 1px solid #D6B77A !important;
  font-weight: 800 !important;
}

.pagina-carrinho #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > button:hover {
  background-color: #2B2723 !important;
  color: #FFFFFF !important;
  border-color: #2B2723 !important;
}

/* Botão continuar comprando */
.pagina-carrinho .botao.secundario,
.pagina-carrinho a.botao {
  border-radius: 24px !important;
  background: #FFFFFF !important;
  color: #2B2723 !important;
  border: 1px solid #D8CBB8 !important;
}

/*---------------------------------------------------------------*/
/* MOBILE */
@media screen and (max-width: 767px) {
  .conteudo-topo .busca-mobile .atalho-menu {
    border-radius: 10px !important;
    background: #2B2723 !important;
    color: #FFFFFF !important;
  }

  .conteudo-topo .busca-mobile .atalho-menu i,
  .conteudo-topo .busca-mobile .atalho-menu svg {
    color: #FFFFFF !important;
  }

  .acoes-produto-responsiva .tag-comprar {
    background: #D6B77A !important;
    border: 1px solid #D6B77A !important;
    color: #2B2723 !important;
    border-radius: 22px !important;
  }

  .acoes-produto-responsiva .tag-comprar span {
    font-size: 16px !important;
    color: #2B2723 !important;
    font-weight: 700 !important;
  }

  .acoes-produto-responsiva .tag-comprar:hover {
    background: #2B2723 !important;
    border-color: #2B2723 !important;
  }

  .acoes-produto-responsiva .tag-comprar:hover span {
    color: #FFFFFF !important;
  }

  html,
  body {
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
  }
}

/*---------------------------------------------------------------*/
/* NEWSLETTER */
#barraNewsletter .componente {
  background: #2B2723 !important;
  color: #FFFFFF !important;
}

#barraNewsletter .componente *,
#barraNewsletter .componente .titulo,
#barraNewsletter .componente p,
#barraNewsletter .componente span {
  color: #FFFFFF !important;
}

#barraNewsletter .componente .botao {
  position: static;
  line-height: 13px;
  padding: 15px 40px;
  background-image: none !important;
  background: #D6B77A !important;
  color: #2B2723 !important;
  border-radius: 22px !important;
  border: 1px solid #D6B77A !important;
  font-weight: 700 !important;
}

#barraNewsletter .componente .botao:hover {
  background: #FFFFFF !important;
  color: #2B2723 !important;
  border-color: #FFFFFF !important;
}

/*---------------------------------------------------------------*/
/* ATRIBUTOS */
.atributos ul li a {
  border-radius: 50% !important;
  border-color: #D6B77A !important;
}

.atributo-cor a span {
  border-radius: 50% !important;
}

.atributos ul li.active a,
.atributos ul li a:hover {
  border-color: #2B2723 !important;
  background: #F4EFE7 !important;
  color: #2B2723 !important;
}

/*---------------------------------------------------------------*/
/* PRODUTO FLUTUANTE */
.produto .acoes-flutuante {
  background: #FFFFFF !important;
  border: 1px solid #E8DED0 !important;
  box-shadow: 0 12px 35px rgba(43, 39, 35, 0.10) !important;
}

.produto .acoes-flutuante .acoes-produto .preco-promocional {
  display: none !important;
}

.produto .acoes-flutuante .image img {
  height: 75px;
}

.produto .acoes-flutuante .acoes-produto .comprar {
  float: right;
  right: 14px;
  top: -45px;
  position: relative;
}

.produto .acoes-flutuante .acoes-produto .preco-produto {
  right: 39rem;
}

/*---------------------------------------------------------------*/
/* RODAPÉ */
#rodape {
  background: #FFFFFF !important;
}

#rodape .institucional {
  background: #FFFFFF !important;
  border-top: 1px solid #EFE7DB !important;
}

#rodape .titulo {
  color: #2B2723 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
}

#rodape,
#rodape p,
#rodape span,
#rodape li,
#rodape a {
  color: #6B6258 !important;
}

#rodape a:hover {
  color: #A5824E !important;
}

/* Última linha do rodapé */
#rodape > div:last-child {
  background: #2B2723 !important;
  color: #FFFFFF !important;
}

#rodape > div:last-child *,
#rodape > div:last-child p,
#rodape > div:last-child a {
  color: #FFFFFF !important;
}

/*---------------------------------------------------------------*/
/* AVISO DE COOKIES */
@media (max-width: 768px) {
  #avisoCookies .conteiner button {
    width: 100%;
    max-width: 100%;
    border-radius: 10px !important;
    background: #2B2723 !important;
    color: #FFFFFF !important;
    border: 1px solid #2B2723 !important;
    font-weight: 700 !important;
  }
}

.mostrarAvisoCookie #avisoCookies {
  display: none !important;
}

/*---------------------------------------------------------------*/
/* OCULTAR MENU INSTA MOBILE — MANTIDO */
@media screen and (max-width: 767px) {
  #menuinsta .slick-slider {
    display: none !important;
  }
}

/*---------------------------------------------------------------*/
/* REMOVER H1 E BREADCRUMBS — MANTIDO */
.conteudo h1 {
  display: none !important;
}

.breadcrumbs ul {
  display: none !important;
}

/* Corrigir somente a cor dos textos do carrinho suspenso */
.carrinho-interno,
.carrinho-interno *,
.carrinho-interno .nome-produto,
.carrinho-interno .nome-produto a,
.carrinho-interno .preco-produto,
.carrinho-interno .preco-produto *,
.carrinho-interno .carrinho-info,
.carrinho-interno .carrinho-info *,
.carrinho-interno strong,
.carrinho-interno span,
.carrinho-interno p {
  color: #2B2723 !important;
}

/* Preço com destaque suave */
.carrinho-interno .preco-produto,
.carrinho-interno .preco-produto * {
  color: #8C6A3D !important;
}

/* Botão continua com texto visível */
.carrinho-interno .botao,
.carrinho-interno .botao.principal {
  color: #2B2723 !important;
}

```css
/* ==========================================================
   NOVEX DECORA — CABEÇALHO ESTILO MENU HORIZONTAL PREMIUM
   Inspirado no modelo enviado, adaptado à marca Novex
   Cole no FINAL do CSS atual
   ========================================================== */

/* -------------------------------
   CABEÇALHO GERAL
-------------------------------- */
#cabecalho {
  background: #ffffff !important;
  border-bottom: 1px solid #f0ece4 !important;
  box-shadow: none !important;
  position: relative;
  z-index: 999;
}

#cabecalho .conteiner {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 12px 20px 10px !important;
  background: #000000 !important;
}

/* Linha principal do cabeçalho */
#cabecalho .conteiner > .row-fluid,
#cabecalho .conteudo-topo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  flex-wrap: nowrap !important;
}

/* -------------------------------
   LOGO
-------------------------------- */
#cabecalho .logo {
  width: auto !important;
  min-width: 120px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#cabecalho .logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#cabecalho .logo img {
  max-height: 72px !important;
  width: auto !important;
  display: block !important;
}

/* -------------------------------
   BUSCA CENTRAL
-------------------------------- */
#cabecalho .busca {
  width: 520px !important;
  max-width: 520px !important;
  min-width: 360px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  position: relative !important;
}

#cabecalho .busca form {
  width: 100% !important;
  display: flex !important;
  position: relative !important;
}

#cabecalho .busca input {
  width: 100% !important;
  height: 46px !important;
  border-radius: 8px !important;
  border: 1px solid #caa96b !important;
  background: #ffffff !important;
  color: #4a4035 !important;
  padding: 0 52px 0 18px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

#cabecalho .busca input::placeholder {
  color: #a99c8c !important;
  opacity: 1 !important;
}

/* Botão de busca */
#cabecalho .busca .botao-busca {
  position: absolute !important;
  right: 5px !important;
  top: 5px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 6px !important;
  background: transparent !important;
  border: none !important;
  color: #111111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 18px !important;
}

#cabecalho .busca .botao-busca:hover {
  background: #f4efe7 !important;
  color: #8c6a3d !important;
}

/* -------------------------------
   ÍCONES DO TOPO
-------------------------------- */
#cabecalho .acoes-conta,
#cabecalho .atalhos,
#cabecalho .carrinho {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  margin: 0 !important;
}

/* Ícones */
#cabecalho .acoes-conta i,
#cabecalho .atalhos i,
#cabecalho .carrinho i,
#cabecalho .icon-shopping-cart,
#cabecalho .icon-user,
#cabecalho .icon-comment,
#cabecalho .icon-truck {
  color: #8c6a3d !important;
  font-size: 24px !important;
  background: transparent !important;
}

/* Carrinho */
#cabecalho .carrinho {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

#cabecalho .carrinho > a {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

/* Bolinha de quantidade do carrinho */
#cabecalho .carrinho > a strong {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  line-height: 26px !important;
  border-radius: 50% !important;
  background: #caa96b !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* -------------------------------
   MENU DE CATEGORIAS ESTILO PILLS
-------------------------------- */
#cabecalho .menu.superior {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 16px !important;
  padding: 14px 0 18px !important;
  background: #ffffff !important;
  border-top: 1px solid #f1ede7 !important;
  border-bottom: 1px solid #f1ede7 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Container interno do menu */
#cabecalho .menu.superior .nivel-um {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  background: transparent !important;
}

/* Cada item do menu */
#cabecalho .menu.superior .nivel-um > li {
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Botões das categorias */
#cabecalho .menu.superior .nivel-um > li > a {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #f3f1ee !important;
  color: #111111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: 0.2s ease-in-out !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
}

/* Texto das categorias */
#cabecalho .menu.superior .nivel-um > li > a strong,
#cabecalho .menu.superior .nivel-um > li > a .titulo {
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Hover das categorias */
#cabecalho .menu.superior .nivel-um > li:hover > a,
#cabecalho .menu.superior .nivel-um > li > a:hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

#cabecalho .menu.superior .nivel-um > li:hover > a strong,
#cabecalho .menu.superior .nivel-um > li:hover > a .titulo,
#cabecalho .menu.superior .nivel-um > li > a:hover strong,
#cabecalho .menu.superior .nivel-um > li > a:hover .titulo {
  color: #ffffff !important;
}

/* Setinha do menu */
#cabecalho .menu.superior .nivel-um > li.com-filho > a i {
  background: transparent !important;
  color: inherit !important;
  margin-left: 4px !important;
}

/* Primeiro item: Departamentos */
#cabecalho .menu.superior .nivel-um > li:first-child > a {
  background: #f3f1ee !important;
  color: #111111 !important;
}

#cabecalho .menu.superior .nivel-um > li:first-child > a::before {
  content: "☰";
  font-size: 15px;
  margin-right: 8px;
  color: inherit;
}

/* -------------------------------
   SUBMENU
-------------------------------- */
#cabecalho .menu.superior .nivel-dois,
#cabecalho .menu.superior .nivel-tres {
  background: #ffffff !important;
  border: 1px solid #e8ded0 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12) !important;
  padding: 12px !important;
  margin-top: 8px !important;
}

#cabecalho .menu.superior .nivel-dois a,
#cabecalho .menu.superior .nivel-tres a {
  color: #2b2723 !important;
  background: transparent !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
}

#cabecalho .menu.superior .nivel-dois a:hover,
#cabecalho .menu.superior .nivel-tres a:hover {
  background: #f7f1e8 !important;
  color: #8c6a3d !important;
}

/* -------------------------------
   REMOVER A FAIXA BRANCA ESTRANHA/ÍCONE SOLTO
-------------------------------- */
#cabecalho .conteiner + .menu,
#cabecalho .menu.lateral,
#cabecalho .menu.outras {
  box-shadow: none !important;
}

/* Se o ícone azul solto aparecer, esconda */
#cabecalho .conteudo-topo + .menu i.icon-th-list,
#cabecalho .conteudo-topo + .menu .icon-th-list {
  display: none !important;
}

/* -------------------------------
   MOBILE
-------------------------------- */
@media screen and (max-width: 767px) {
  #cabecalho .conteiner {
    padding: 10px 12px !important;
  }

  #cabecalho .conteiner > .row-fluid,
  #cabecalho .conteudo-topo {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  #cabecalho .logo {
    width: 100% !important;
    order: 1 !important;
  }

  #cabecalho .logo img {
    max-height: 58px !important;
  }

  #cabecalho .busca {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
  }

  #cabecalho .acoes-conta,
  #cabecalho .atalhos,
  #cabecalho .carrinho {
    order: 3 !important;
  }

  #cabecalho .menu.superior {
    margin-top: 10px !important;
    padding: 10px 0 !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  #cabecalho .menu.superior .nivel-um {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding: 0 12px !important;
    gap: 8px !important;
  }

  #cabecalho .menu.superior .nivel-um > li > a {
    min-height: 38px !important;
    padding: 0 14px !important;
  }

  #cabecalho .menu.superior .nivel-um > li > a strong,
  #cabecalho .menu.superior .nivel-um > li > a .titulo {
    font-size: 14px !important;
  }
}

/* ==========================================================
   NOVEX DECORA — AJUSTE MENU "TODAS AS CATEGORIAS"
   Remove os 3 tracinhos, corrige hover e estiliza submenu
   ========================================================== */

/* Remove os 3 tracinhos/ícones iniciais do botão Todas as Categorias */
#cabecalho .menu.superior .nivel-um > li:first-child > a::before,
#cabecalho .menu.superior .nivel-um > li:first-child > a i,
#cabecalho .menu.superior .nivel-um > li:first-child > a .icon-th,
#cabecalho .menu.superior .nivel-um > li:first-child > a .icon-th-list,
#cabecalho .menu.superior .nivel-um > li:first-child > a .fa-bars,
#cabecalho .menu.superior .nivel-um > li:first-child > a .fa-list {
  display: none !important;
  content: none !important;
}

/* Botão "Todas as Categorias" igual aos outros */
#cabecalho .menu.superior .nivel-um > li:first-child > a {
  min-height: 42px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: #f3f1ee !important;
  border: 1px solid transparent !important;
  color: #111111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-decoration: none !important;
}

/* Texto de "Todas as Categorias" */
#cabecalho .menu.superior .nivel-um > li:first-child > a strong,
#cabecalho .menu.superior .nivel-um > li:first-child > a .titulo {
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Hover de "Todas as Categorias" com texto visível */
#cabecalho .menu.superior .nivel-um > li:first-child:hover > a,
#cabecalho .menu.superior .nivel-um > li:first-child > a:hover {
  background: #d6b77a !important;
  border-color: #d6b77a !important;
  color: #2b2723 !important;
}

#cabecalho .menu.superior .nivel-um > li:first-child:hover > a strong,
#cabecalho .menu.superior .nivel-um > li:first-child:hover > a .titulo,
#cabecalho .menu.superior .nivel-um > li:first-child > a:hover strong,
#cabecalho .menu.superior .nivel-um > li:first-child > a:hover .titulo {
  color: #2b2723 !important;
}

/* Hover das demais categorias também mais elegante */
#cabecalho .menu.superior .nivel-um > li:not(:first-child):hover > a,
#cabecalho .menu.superior .nivel-um > li:not(:first-child) > a:hover {
  background: #d6b77a !important;
  border-color: #d6b77a !important;
  color: #2b2723 !important;
}

#cabecalho .menu.superior .nivel-um > li:not(:first-child):hover > a strong,
#cabecalho .menu.superior .nivel-um > li:not(:first-child):hover > a .titulo,
#cabecalho .menu.superior .nivel-um > li:not(:first-child) > a:hover strong,
#cabecalho .menu.superior .nivel-um > li:not(:first-child) > a:hover .titulo {
  color: #2b2723 !important;
}

/* ==========================================================
   SUBMENU DE "TODAS AS CATEGORIAS"
   Deixa as categorias internas iguais às pílulas do menu
   ========================================================== */

/* Caixa do submenu */
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois {
  width: auto !important;
  min-width: 720px !important;
  max-width: 920px !important;
  max-height: none !important;
  overflow: visible !important;
  left: 0 !important;
  top: calc(100% + 10px) !important;
  padding: 18px !important;
  background: #ffffff !important;
  border: 1px solid #e8ded0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12) !important;
}

/* Organiza as categorias internas em linha, mais para o canto */
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* Remove estilo vertical grande das categorias internas */
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: none !important;
  background: transparent !important;
}

/* Cada categoria dentro de Todas as Categorias vira uma pílula */
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #f3f1ee !important;
  color: #111111 !important;
  border: 1px solid transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* Texto das categorias internas */
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a strong,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a .titulo,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a span {
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.1 !important;
}

/* Hover das categorias internas */
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li:hover > a,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a:hover {
  background: #d6b77a !important;
  border-color: #d6b77a !important;
  color: #2b2723 !important;
}

#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li:hover > a strong,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li:hover > a .titulo,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li:hover > a span,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a:hover strong,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a:hover .titulo,
#cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a:hover span {
  color: #2b2723 !important;
}

/* Remove aquele tooltip preto pequeno que apareceu no print */
#cabecalho .menu.superior [title]:hover::after,
#cabecalho .menu.superior [title]:hover::before {
  display: none !important;
}

/* Responsivo: no celular o submenu fica mais estreito */
@media screen and (max-width: 767px) {
  #cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois {
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 0 !important;
    padding: 12px !important;
    gap: 8px !important;
  }

  #cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a {
    min-height: 38px !important;
    padding: 0 14px !important;
  }
  
  .painel-principal-categorias .lista-categorias-no-painel>li.item-de-categoria-painel>a .icon-chevron-right {
    background-color: #8b6a3f !important;
  }

  #cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a strong,
  #cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a .titulo,
  #cabecalho .menu.superior .nivel-um > li:first-child .nivel-dois > li > a span {
    font-size: 14px !important;
  }