/* Strong Tag */
#listagemProdutos .titulo-categoria strong{
 font-weight:600;
}

/* Cor secundaria */
#cabecalho .nivel-um .cor-secundaria{
 font-weight:600;
}

/* Listagem linha */
 #listagemProdutos .produtos-carrossel .listagem-linha{
  border-style:none;
  border-width:0px;
  border-top-style:none;
 }
 
 /* Secao banners */
 #corpo .secao-banners{
  min-height:150px;
 }
 
 /* Conteiner */
 #corpo .secao-banners .conteiner{
  min-height:150px;
 }
 
 /* Secao principal */
 #corpo .conteiner .secao-principal{
  padding-top:20px;
 }
 
 /* Link */
 #cabecalho div .borda-principal a{
  padding-bottom:0px;
 }
 
 /* Borda principal */
 #cabecalho div li.borda-principal{
  padding-bottom:0px;
 }
 
strong.titulo.fundo-principal {
  font-size: 20px;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  color: #434343
  
}

div a strong {
  color: #434343;
}

/* Título cinza da categoria de listagens */
@media (min-width:400px){

 /* Strong Tag */
 #listagemProdutos .titulo-categoria strong{
  color:#545453;
  letter-spacing:1.5px;}
 }
    /*Teste para mudar título das categorias na homepage*/
   /* Import Google Fonts */

/* Bold */
.titulo-categoria strong{
	font-family: "Poppins", sans-serif;
	font-weight: 800 !important;
	font-size: 18px;
	line-height: 17.5px;
	letter-spacing: 0px !important;
}

/* ===== INÍCIO AJUSTE LARGURA SITE - SÓ DESKTOP (pode apagar tudo entre essas linhas) ===== */
@media (min-width: 992px) {
  .conteiner {
    max-width: 1356px !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }
}
/* ===== FIM AJUSTE LARGURA SITE ===== */

/* ===== INÍCIO AJUSTE FUNDO DA PÁGINA (pode apagar tudo entre essas linhas) ===== */
body {
  background-color: #ffffff !important;
}
/* ===== FIM AJUSTE FUNDO DA PÁGINA ===== */

/* ===== INÍCIO AJUSTE TAMANHO BANNER - SÓ DESKTOP (pode apagar tudo entre essas linhas) ===== */
@media (min-width: 992px) {
  html body div.row-fluid.banner.cheio {
    width: 1356px !important;   /* troque esse número pelo valor que você já testou e gostou */
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    display: block !important;
  }
}

/* ===== INÍCIO CANTOS ARREDONDADOS - BANNER (pode apagar tudo entre essas linhas) ===== */
.row-fluid.banner.cheio img {
  border-radius: 16px !important;
  overflow: hidden !important;
}
/* ===== FIM CANTOS ARREDONDADOS - BANNER ===== */

/* ===== INÍCIO CANTOS ARREDONDADOS - BARRA DE BUSCA (pode apagar tudo entre essas linhas) ===== */
#busca input,
.busca input,
input[type="text"] {
  border-radius: 24px !important;
}
#busca button,
.busca button,
input[type="submit"] {
  border-radius: 0 24px 24px 0 !important;
}
/* ===== FIM CANTOS ARREDONDADOS - BARRA DE BUSCA ===== */

/* ===== INÍCIO CANTOS ARREDONDADOS - BARRA DE BUSCA (pode apagar tudo entre essas linhas) ===== */
.busca.borda-alpha {
  border-radius: 24px !important;
  overflow: hidden !important;
}
/* ===== FIM CANTOS ARREDONDADOS - BARRA DE BUSCA ===== */

/* ===== INÍCIO CANTOS ARREDONDADOS - CARDS DE PRODUTO (pode apagar tudo entre essas linhas) ===== */
.produto,
.prod-item,
.box-produto,
.item-produto {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.produto img,
.prod-item img,
.box-produto img,
.item-produto img {
  border-radius: 12px !important;
}
/* ===== INÍCIO CANTOS ARREDONDADOS + SOMBRA SUAVE - CARDS DE PRODUTO (pode apagar tudo entre essas linhas) ===== */
.listagem-item {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.listagem-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-3px) !important;
}
/* ===== FIM CANTOS ARREDONDADOS + SOMBRA SUAVE - CARDS DE PRODUTO ===== */

/* ===== INÍCIO CANTOS ARREDONDADOS - CARDS DE PRODUTO (pode apagar tudo entre essas linhas) ===== */
.listagem-item {
  border-radius: 12px !important;
  overflow: hidden !important;
}
/* ===== FIM CANTOS ARREDONDADOS - CARDS DE PRODUTO ===== */

/* ===== INÍCIO AJUSTE BANNER TARJA (pode apagar tudo entre essas linhas) ===== */
@media (min-width: 992px) {
  html body div.row-fluid.banner.hidden-phone {
    width: 1356px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    display: block !important;
  }
  .span12.banner.tarja img {
    width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
  }
}
/* ===== FIM AJUSTE BANNER TARJA ===== */

/* ===== INÍCIO REMOVER SOMBRA DO CONTAINER (pode apagar tudo entre essas linhas) ===== */
.container-principal,
.conteiner {
  box-shadow: none !important;
}
/* ===== FIM REMOVER SOMBRA DO CONTAINER ===== */

/* ===== INÍCIO MENU SEM CAIXA (pode apagar tudo entre essas linhas) ===== */
.menu-categorias li,
.menu-categorias a,
.menu.superior li,
.menu.superior a {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* ===== FIM MENU SEM CAIXA ===== */

/* ===== INÍCIO REDUZIR ALTURA DO HEADER (pode apagar tudo entre essas linhas) ===== */

/* Barra de contato */
#barraTopo {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* Logo - reduz tamanho */
h1.logo img,
h2.logo img {
  max-height: 90px !important;
  width: auto !important;
}

/* Área de busca/conta - reduz bem mais o respiro vertical */
.conteudo-topo {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.conteudo-topo .superior,
.conteudo-topo .inferior {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}

/* Remove espaço extra entre o menu de categorias e o banner */
.menu.superior {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.row-fluid.banner.cheio,
.secao-banners {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ===== FIM REDUZIR ALTURA DO HEADER ===== */

/* ===== INÍCIO REDUZIR ESPAÇO APÓS BANNER TARJA (pode apagar tudo entre essas linhas) ===== */
.secao-principal.row-fluid.sem-coluna {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ===== FIM REDUZIR ESPAÇO APÓS BANNER TARJA ===== */

/* ===== INÍCIO REDUZIR ESPAÇO ACIMA DO TÍTULO DE CATEGORIA (pode apagar tudo entre essas linhas) ===== */
a.titulo-categoria.borda-principal.cor-principal {
  margin-top: 8px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
/* ===== FIM REDUZIR ESPAÇO ACIMA DO TÍTULO DE CATEGORIA ===== */

/* ===== INÍCIO RODAPÉ CLARO ESTILO IHERB/MUNDO VERDE (pode apagar tudo entre essas linhas) ===== */
.institucional.fundo-secundario {
  background-image: none !important;
  background-color: #ffffff !important;
  border-top: 1px solid #e5e0d5 !important;
}

.institucional.fundo-secundario,
.institucional.fundo-secundario a,
.institucional.fundo-secundario p,
.institucional.fundo-secundario span,
.institucional.fundo-secundario li {
  color: #2C4A3B !important;
}

.institucional.fundo-secundario a:hover {
  color: #D97B4F !important;
}
/* ===== FIM RODAPÉ CLARO ESTILO IHERB/MUNDO VERDE ===== */

/* ===== INÍCIO REMOVER TEXTURA COLUNA SOCIAL (pode apagar tudo entre essas linhas) ===== */
.redes-sociais.borda-principal {
  background-image: none !important;
}
/* ===== FIM REMOVER TEXTURA COLUNA SOCIAL ===== */

/* ===== INÍCIO REMOVER TEXTURA PAGAMENTO E SELOS (pode apagar tudo entre essas linhas) ===== */
.pagamento-selos {
  background-image: none !important;
}
/* ===== FIM REMOVER TEXTURA PAGAMENTO E SELOS ===== */

/* ===== INÍCIO REMOVER BORDA COLUNA SOCIAL (pode apagar tudo entre essas linhas) ===== */
.redes-sociais.borda-principal {
  border: none !important;
  border-top: none !important;
  border-left: none !important;
}
/* ===== FIM REMOVER BORDA COLUNA SOCIAL ===== */

/* ===== INÍCIO CORRIGIR SOBREPOSIÇÃO RODAPÉ (pode apagar tudo entre essas linhas) ===== */
.institucional .row-fluid:after {
  content: "";
  display: table;
  clear: both;
}

.pagamento-selos {
  clear: both !important;
}
/* ===== FIM CORRIGIR SOBREPOSIÇÃO RODAPÉ ===== */

/* ===== INÍCIO CORRIGIR ALTURA FIXA COLUNA SOCIAL (pode apagar tudo entre essas linhas) ===== */
.redes-sociais.borda-principal {
  height: auto !important;
  min-height: 0 !important;
}
/* ===== FIM CORRIGIR ALTURA FIXA COLUNA SOCIAL ===== */