/* 1. Remove a largura máxima do container principal */
.pagina-categoria #corpo > .conteiner .secao-banner {
   /* max-width: 100vw !important;*/
   width:100%;
      margin: -1% -2.5% 1.0% -2.5% !important;
}

.pagina-categoria .banner {
    /*margin: -1px -2.5px 1px -2.5px !important;*/
 
}

/* 1. Remove a largura máxima do container principal */
.pagina-produto #corpo > .conteiner .banner {
    max-width: 100vw !important;
}
.pagina-produto .banner {
    margin: -1% -2.5% 1.0% -2.5% !important;
   /* width:100%;
    max-width: 100vw !important;*/
}


/*barratopo*/
/*black friday 2026*/
.section-newsletter-home {
    background-color:none !important;
    background-image: url('https://cdn.awsli.com.br/2579/2579872/arquivos/back-news.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover; 
   
}


 .top-header{
    /* Remove a cor de fundo e garante que a imagem seja aplicada */
    background-color:none !important;
    background-image: url('https://cdn.awsli.com.br/2579/2579872/arquivos/barratopoviva7.png');
    background-repeat: no-repeat;
    background-size: cover; 
    
}
    /*ou contain, dependendo do que você quer */
    /* Outras propriedades CSS para ajustar a altura, posição, etc. */
    
 #corpo > .conteiner .titulo,
 #corpo > .conteiner .titulo .cor-secundaria,
 #corpo > .conteiner .title-categorias,
 #corpo > .conteiner .titulo-categoria,
 #corpo > .conteiner strong .primary-title,
 #corpo > .conteiner strong .second-title,
 #corpo > .conteiner p .second-title,
 #corpo > .conteiner .product-description,
 #corpo > .conteiner h1,
  #corpo > .conteiner h2,
   #corpo > .conteiner p,
 #operation,
 #operation.operation *,
 .atributo-lista,
 .atributo-lista li *
 body .second-title,
 #tarja-slide * span.first-line,
 .menu-categorias span.categoria-titulo strong,
  #avaliacoes h4::before,
  .atributo-lista *,
  .filtro.lista ul li label,
  .listagem-item .produto-sobrepor,
  .codigo-produto a, .codigo-produto span>span,
 .marcas h4,
 .marcas h4::before
 {
    color:#091d40  !important;
}

   /* === Remover fundo branco do carrossel (home) === */
/*.design-fox,*/
/*body.banners-slide,
body.pagina-inicial .conteiner-principal .slides-items-category,
body.pagina-inicial .conteiner-principal .slick-list,
body.pagina-inicial .conteiner-principal .slick-track,
body.pagina-inicial .conteiner-principal .slick-slide,
body.pagina-inicial .conteiner-principal .item.slick-slide,
body.pagina-inicial .conteiner-principal .item.slick-slide img.bn {*/
  /*background: transparent !important;*/
  /*background-color: transparent !important;
}*/

/* Remove sombra ou blocos brancos invisíveis */
/*.pagina-inicial .conteiner-principalhome .slick-slide::before,
.pagina-inicial .conteiner-principal.home .slick-list::before {
  background: transparent !important;
  box-shadow: none !important;
}*/

/* === Fundo dos cards de produto na home === */
body.pagina-inicial .conteiner-principal .product-item,
body.pagina-inicial .conteiner-principal .product-box,
body.pagina-inicial .conteiner-principal .showcase-item,
body.pagina-inicial .conteiner-principal .slick-slide .product,
body.pagina-inicial .conteiner-principal .slick-slide .box-item,
body.pagina-inicial .conteiner-principal .slick-slide .product-content {
  background-color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ajuste do texto dentro dos cards */
body.pagina-inicial .conteiner-principal .product-item *,
body.pagina-inicial .conteiner-principal .product-box *,
body.pagina-inicial .conteiner-principal .showcase-item *,
body.pagina-inicial .conteiner-principal .slick-slide .product *,
body.pagina-inicial .conteiner-principal .slick-slide .box-item * {
  color: #091d40  !important;
}

/* Ajuste do preço e título para contraste */
.conteiner-principal .product-item .price,
.conteiner-principal .product-item .product-name,
.conteiner-principal .product-box .price,
.conteiner-principal .product-box .title {
  color: #091d40  !important;
}

/* Hover com leve destaque */
body.pagina-inicial .conteiner-principal .product-item:hover,
body.pagina-inicial .conteiner-principal .product-box:hover {
  background-color: #2f2d46 !important; /* tom ligeiramente mais claro */
}


/* Mantém as setas do carrossel visíveis */
body.pagina-inicial .conteiner-principal .slick-arrow {
  background-color: #f1f0ee  !important;  /* volta o fundo branco */
  border-radius: 50% !important;         /* deixa o botão redondo */
  padding: 5px !important;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  
}
body.titulo,
body.pagina-inicial .conteiner-principal a,
body.pagina-inicial .conteiner-principal p,
body.pagina-inicial .conteiner-principal h2, 
body.pagina-inicial .conteiner-principal .texto,
body.pagina-inicial .conteiner-principal .text,
body.pagina-inicial .conteiner-principal .section-title,
.product-title,
.product-description,
.preco-produto .destaque-avista .com-promocao,
body.pagina-inicial .conteiner-principal .slick-slide,
.ordenar-listagem label,
body.pagina-inicial .conteiner-principal .slick-slide 
{
  color: #091d40  !important;
}
 
 /* Corrige botões para manter contraste */
/*body.pagina-inicial .conteiner-principal a.btn,
body.pagina-inicial .conteiner-principal button,
body.pagina-inicial .conteiner-principal.botao,
body.pagina-inicial .conteiner-principal .button {
  color: #ffffff !important;
  background-color: #f0c94d !important;
  border: none !important;
}  */
   
    body,
     .conteiner-principal,
      header.site-header
      body #corpo,
      body .pagina-inicial #cabecalho,
      strong .titulo .cor-secundaria,
      body .footer
      {

         background:#fff;/*#181A2A !important;*/
       }
    
    

   #cabecalho > .conteiner{
       background:#fff !important;
  }

body .main,
body .pagina-inicial {
  background: transparent !important; /* deixa visível o fundo do body */
}
body.assinatura-rodape{
    background: transparent !important;
     /*background-color:#181A2A !important;*/
     color:#091d40  !important;
}
body .pagamento-selos{
    color:#091d40 !important;
    background-color:#fff/*181A2A*/ !important;
}
/*fim black*/


/* Oculta o botão flutuante de WhatsApp nas páginas internas */
/* Oculta o botão flutuante do WhatsApp em todas as páginas, exceto na home */
/*body:not(.pagina-inicial) a[href*="https://wa.me/551938971173"] {
    display: none !important;
}*/


.pagina-inicial .blog-container .blog-post:nth-child(n+4){
    display: none;
}

@media(max-width:769px){
    #corpo #blog .blog-post:last-child {
        display: block;
    }
    .pagina-inicial .blog-container .blog-post:nth-child(n+2){
        display: none;
    }
    #corpo .blog-container ul {
        width: 100%;
        max-width:100%;
    }
    /*.menu.lateral .nivel-um, .menu.lateral .nivel-um>li>a, .cor-secundaria
 {
    background: #181a2a !important;
   color: #ffffff !important;
}*/
}

/*body.pagina-pagina h1.titulo {
display: none;
}*/


:root {--cor_primaria: #011e41;
       --cor_secundaria: #011e41;
       --cor_botao: #011e41;
       --cor_botao_hover: #011e41;
       --cor_texto_botao: #ffffff;
       --cor_texto_botao_hover: #ffffff;
       --cor_botao_comprar: #dba55a;
       --pre_cabecalho: #011e41;
       --cor_texto_pre_cabecalho: #ffffff;
       --cor_cabecalho: #ffffff;
       --cor_icones: #011e41;
       --cor_icones_hover: #dba55a;
       --cor_texto_icones: #2e2e2e;
       --cor_menu: #ffffff;
       --cor_texto_menu: #011e41;
       --cor_newsletter: #011e41;
       --cor_texto_newsletter: #ffffff;
       --cor_footer: #ffffff;
       --cor_texto_footer: #091d40;
       --texto_global: #091d40;
       --texto_background: #4f4f4f;
       --cor_tag_frete_gratis: #dba55a;
    
}   




.menu.superior .menu-categorias {
overflow: unset;
}
.menu.superior .nivel-dois a {
white-space: normal;
}
.menu.superior .nivel-tres a {
white-space: nowrap;
}

.menu.superior .nivel-tres {
border-bottom: 4px solid var(--cor_primaria) !important;
border: 0;
border-radius: 8px;
}

#cabecalho .menu.superior .nivel-tres li a {
text-decoration: none;
color:#091d40 ;
}

#cabecalho .menu.superior .nivel-tres li:hover a {
text-decoration: underline;
color:#091d40 ;
}
.superior .nivel-dois li:nth-child(n+13){
display: none;
}

a.ver-categoria:before {
content: "+ ";
}
.superior a.ver-categoria {
letter-spacing: 0.16px;
font-weight: 800;
}

li.all-menu.com-filho ul {
overflow-y: scroll;
overflow-x: hidden;
}

li.all-menu.com-filho .nivel-dois .nivel-dois {
display: none;
}

/*#cabecalho .menu.superior .all-menu ul.nivel-dois .nivel-dois {
display: none !important;
}*/

.menu.superior .all-menu ul.nivel-dois li ul.nivel-dois {
    display: content !important;
    visibility: visible;
}

.menu-categorias.span6 {
    left: 10px;
    position: relative;
}

#cabecalho .menu.superior .all-menu .nivel-dois .borda-principal strong.titulo {
    margin: 0;
} 

  
/* Estilizacao antiga com problema 

.whats-button .pulse-button, div.whats-button {
    right: 30px;
    left: unset;
    bottom: 65px;
    width:30px;
    height:20px;
    z-index:999997;
}
.fa-whatsapp {
 font-size: 30px;
  z-index:999997;
 
}

Final do bloco da estilizacao com problema */

  @media(max-width:769px){
.whats-button .pulse-button, div.whats-button {
    right: 10px;
  
}
}

/*Personalizacao - Start */
body:not(.pagina-inicial) .pulse-button, 
body:not(.pagina-inicial) .whats-button {
    display: none !important;
    height:50px;
    
    
}

/*div.whats-button {
    position: fixed;
    left: 20px; /* Ajuste o valor para o espaçamento desejado */
    /*bottom: 20px; /* Ajuste o valor para o espaçamento desejado */
  /*  z-index: 1000; /* Garante que o botão fique por cima de outros elementos */
/*}*/

body:not(.pagina-inicial) #return-to-top {
    bottom: 30px !important;
    right:40%;
}
/*Personalizacao - End */
/* Reposiciona o botão flutuante do WhatsApp para o lado direito */


/* ==============================
   Força fundo escuro e remove #fff
   Apenas na home dentro do container principal
   ============================== */

/* garante fundo geral da página inicial */
body.pagina-inicial .conteiner-principal {
  background-color: #fff !important;
}

/* 1) remover fundos brancos aplicados por classes conhecidas */
.design-fox a img,
body.pagina-inicial .conteiner-principal .product-item,
body.pagina-inicial .conteiner-principal .product-box,
body.pagina-inicial .conteiner-principal .showcase-item,
body.pagina-inicial .conteiner-principal .box-item,
body.pagina-inicial .conteiner-principal .box-produto,
body.pagina-inicial .conteiner-principal .listagem-item-prod,
body.pagina-inicial .conteiner-principal .listagem-item,
body.pagina-inicial .conteiner-principal .item,
body.pagina-inicial .conteiner-principal .imagem-principal,
.conteiner-principal.info-produto,
.conteiner-principal .listagem-produto,
body.pagina-inicial .conteiner-principal .slick-slide,
body.pagina-inicial .conteiner-principal .slick-list,
body.pagina-inicial .conteiner-principal .slick-track,
body.pagina-inicial .conteiner-principal .slick-list .slick-slide {
  background: transparent !important;
  /*background-color: transparent !important;
  background-image: inherit !important;*/
  box-shadow: none !important;
  border: none !important;
}

/* 2) remover qualquer inline-style que contenha background (ex.: style="background:#fff" ou background-color) */
body.pagina-inicial .conteiner-principal [style*="background"] ,
body.pagina-inicial .conteiner-principal [style*="background-color"],
body.pagina-inicial .conteiner-principal [style*="#fff"],
body.pagina-inicial .conteiner-principal [style*="rgb(255,255,255)"],
body.pagina-inicial .conteiner-principal [style*="rgb(255, 255, 255)"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* 3) remover pseudo elementos que possam pintar o fundo (antes/depois) */
/*body.pagina-inicial .conteiner-principal *::before,
body.pagina-inicial .conteiner-principal *::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}*/

/* 4) garantir que a imagem PNG mantenha transparência e não ganhe fundo branco por dentro do img */
body .conteiner-principal img,
body .conteiner-principal img.bn,
body .conteiner-principal .imagem-principal img {
  background: transparent !important;
  background-color: transparent !important;
}

/* 5) forçar texto dos cards para branco para contraste */
.conteiner-principal .product-item *,
.conteiner-principal .product-box *,
.info-produto,
.nome-produto .cor-secundaria,
.listagem-item-prod * {
  color: #091d40  !important;
}

/* 6) restaura o fundo branco apenas nas setas se quiser (opcional) */
 body.pagina-inicial .conteiner-principal .slick-arrow {
  background-color: #ffffff !important;
  border-radius: 50% !important;
  padding: 5px !important;
}
body.pagina-inicial .conteiner-principal .slick-arrow::before {
  color: #091d40  !important;
} 

/* =========================
   Cores do submenu - home
   ========================= */
 .menu-departamento,
 .submenu,
 .dropdown-menu,
 .nivel-um,
 .nivel-dois, 
 .menu .nivel-dois a,
 #cabecalho .menu superior .nivel-um
 {
     background-color: #fff!important; /* Fundo escuro */
     color: #091d40  !important; /* Texto claro */
}

.menu.lateral .nivel-um,
.menu.lateral .nivel-um>li>a,
 .cor-secundaria{
    background: transparent !important;/* Fundo escuro */
     color: #091d40  !important; /* Texto claro */
 }

/* Cores dos links dentro do submenu */
#cabecalho .all-menu .com-filho a,
.submenu a,
.conteiner-principal .dropdown-menu a {
  color: #091d40  !important;
}

.menu .product-item-offer.listagem-item,
.menu-oferta .product-item {
    border: 1px solid transparent !important;
}

.item-oferta .oferta-nivel-dois .box-offer h2{
    color:#fff !important;
}
/* =========================
   Corrige fundo branco do cabeçalho
   ========================= */
/*body.pagina-inicial .conteiner-principal .top-bar,
body.pagina-inicial .conteiner-principal .header,
body.pagina-inicial .conteiner-principal header,
body.pagina-inicial .conteiner-principal .faixa-topo,
body.pagina-inicial .conteiner-principal .cabecalho,
body.pagina-inicial .conteiner-principal .menu-topo,
body.pagina-inicial .conteiner-principal .menu-principal,
body.pagina-inicial .conteiner-principal .faixa-adesiva,
body.pagina-inicial .conteiner-principal #cabecalho,
body.conteiner-principal #header {
  background-color: #181A2A !important;
  background: # !important;
  border: none !important;
}*/
/* =========================
   Corrige cor da tarja de benefícios
   ========================= */
body #cabecalho #tarja-slide,
#conteiner #tarja-slide * ,
#tarja-slide * .first-line,

#tarja-slide *,
span.first-line,
.conteiner-principal .info-produto,

.imagem-produto *
/*.bandeiras-produto*/
{
  color: #091d40 !important; /* Deixa tudo branco */
  fill: #091d40 !important; 
  background: #fff !important;
  /*border: 0 !important;*/
}

.fa .fa-whatsapp,
.botao .btn-pay-wp
{
    color:#242535 !important;
}
/* Fundo da tarja (caso queira escurecer também) */
.my_account ul,
.container-drop-help,
#cabecalho #tarja-slide {
  background-color: #091d40  !important; /* mesmo fundo do restante */
  border: none !important;
  background: #fff;


}


.blog-post footer span{
    background: linear-gradient(299.97deg, #BA943E 7.74%, #F8F1B9 53.25%, #B48736 92.26%)!important;
    color: #242535 !important;
    
}
span.fundo-principal.bandeira-promocao{
    background: linear-gradient(299.97deg, #BA943E 7.74%, #F8F1B9 53.25%, #B48736 92.26%)!important; 
    color:#242535!important;
    font-family: Montserrat !important;;
    font-weight: 700;
    font-style: Bold;
    font-size: 11.4px;
    leading-trim: NONE;
    line-height: 12px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase !important;
 
}

[title="menu-oferta"] {
 
  background-color: #dba55a !important;   /* dourado base */
  color: #181A2A !important;              /* texto escuro */
  padding: 2px 8px !important;
 /* border-radius: 5px !important;*/
  
}

a[title="menu-oferta"]:hover {
  background-color: #dba55a !important; /* Dourado mais escuro */
  color: #fff !important;               /* Texto branco no hover */
  transform: scale(1.05);
}

/* Active (quando clica) */
a[title="menu-oferta"]:active {
  background-color: #a98c3c;      /* Dourado ainda mais escuro */
  color: #fff;
  transform: scale(0.97);
}

/* Focus (quando acessado via teclado, acessibilidade) */
a[title="menu-oferta"]:focus {
  outline: 2px solid #f5d67b;     /* Borda de foco dourada clara */
  outline-offset: 2px;
}

.listagem-oferta,
.listagemProdutos,
article .blog-post{
    background-color: #fff !important;
    border:none;
}

.blog-post {
	display: table-cell;
	transition: all 0.2s linear;
	background-color: #fff !important;
}

div.acoes-produto .hidden-phone{
    color:#fff;
    background-image:none !important;
}

.preco-produto .preco-venda,
.preco-parcela,
.preco-parcela .cor-secundaria,
.produto-sku,
.desconto-a-vista,
.youtube .listagem-oferta,
#avaliacoes h4,
.name{
    color:#091d40  !important;
}

.instagram_username a,
#rodape .titulo,
/*.my_account,*/
.carrinho .carrinho-manipula .vazio,
.preco-promocional,
.listagem span.price-pix.v2,
#rodape svg, #rodape path,
strong.preco-promocional .cor-principal {
  background: linear-gradient(299.97deg, #BA943E 7.74%, #F8F1B9 53.25%, #B48736 92.26%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

div.onde-estamos span,
.row-fluid p
/*.listagem-item .acoes-produto::before,
.listagem-item .acoes-produto::after*/ {
  background: none !important;
 /* background-image: none !important;*/
  color:#091d40  !important;
}

@media (max-width: 767px) {
  #rodape .institucional{
    background-color: #fff !important;
    background: #fff !important;
    color: #091d40  !important;
  }
} 
div#insta-feed,
#rodape .assinatura-rodape,
#rodape > div:last-child{
  background-color: #181A2A !important;
  background: #fff !important;
  color: #091d40  !important;
}
#flutuante-produto,
#flutuante-produto .conteiner,
#flutuante-produto .hidden-phone .hidden-tablet,
#flutuante-produto .hidden-phone .hidden-tablet .conteiner{
      background:#fff !important;
}

.pulse-button, .whats-button{
    right:50px !important;
}

.abas-custom .tab-content,
.abas-custom .tab-content .description-title,
.abas-custom{
    background:#fff !important;
   /* background-color:#181A2A;*/
    color: #091d40 !important;
}
div#flutuante-produto span.price-pix.v2 .pixIm *,
.pixIm b,
#descricao ul,#descricao li, #descricao p, #descricao span, #descricao strong{
     color: #ffffff !important;
}
#modalNewsletter p,
.texto-newsletter .newsletter-cadastro{
    color: #181A2A !important;
}

 @media(max-width:769px){
     .menu.lateral .nivel-um, .menu.lateral .nivel-um>li>a, .cor-secundaria,
     .lrMenuBox ul, .lrMenuBox .nivel-dois a, .lrMenuBox>li>a strong{
     background: #181a2a !important;
     color: #ffffff !important;
    }
 }    
 
 .table td, .table th,
 .carrinho-interno
 {
    background: #f1f0ee;
}  

 .cabecalho-interno .titulo small,
 .tabela-carrinho .produto-info ul li span strong,
 .tabela-carrinho .form-horizontal .control-label b,
 .pagina-carrinho .total>span,
 .pagina-carrinho .descontos.parcelas>span strong,
 .pagina-carrinho .descontos.parcelas>span{
     color:#fff !important;
 }