/* --- CONFIGURAÇÃO DE FONTES E LUXO --- */

/* Importando a fonte Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');


#cabecalho>.conteiner>.row-fluid{
    margin-top: 10px !important;
}
.listagem .titulo-categoria, .titulo-categoria{
    margin-bottom: 0px !important;
}
/* Barra Superior Customizada */
.barra-topo-custom {
    background-color: #000; /* Cor preta do exemplo */
    color: #fff;
    padding: 8px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    height: 45px;
     display: flex; 
    align-items: center; /* Centralização vertical extra */
}

.barra-topo-custom .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    max-width: 1140px;
    margin: 0 auto;
}

/* Redes Sociais à Esquerda */
.sociais-topo {
    top: 50%; /* Move para o meio */
    transform: translateY(-50%); /* Ajuste fino para centralizar o próprio elemento */
    position: absolute;
    left: 15px;
    display: flex;
    gap: 15px;
}

.sociais-topo a {
    color: #fff;
    font-size: 14px;
    transition: opacity 0.3s;
}

.sociais-topo a:hover {
    opacity: 0.7;
}

/* Frase Centralizada */
.frase-carrossel {
    display: flex;
    align-items: center;
    gap: 40px;
}

.frase-carrossel p {
    margin: 0;
    font-weight: 500;
    text-transform: none;
}

.frase-carrossel i {
    font-size: 10px;
    cursor: pointer;
    opacity: 0.5;
}

/* Esconder barra padrão da LI se necessário */
#cabecalho > .conteudo-topo > .superior.row-fluid {
    display: none !important;
}



















.scrollToTop {
    bottom: 1rem !important;
}

#avisoCookies{
    display:none;
}

.barra-frase
 {
background: #000000 !important;
color: #fff!important;
font-family: 'Montserrat', sans-serif !important;
padding: 7px !important;
margin-bottom: 25px;
}
.barra-frase .conteiner{
  font-family: 'Montserrat', sans-serif !important;
  text-transform: none !important;
  font-weight: normal !important;
}
.barra-frase span{
   font-family: 'Montserrat', sans-serif !important; 
}
.menu.superior
 {
box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-top: 0px !important;
   border-bottom: 0px !important;
}


.busca input{
    border: 0px!important;
}

/* Estilização do Menu Superior */

.nivel-um li {
    margin: 0 15px; /* Espaço entre as categorias */
}

.nivel-um li a {
    text-decoration: none !important;
}

.nivel-um li strong.titulo {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important; /* Peso elegante, nem muito fino nem grosso */
    text-transform: uppercase !important; /* Tudo em maiúsculo */
    letter-spacing: 2.5px !important; /* Espaçamento entre letras (Segredo do Luxo) */
    font-size: 13px !important;
    color: #000000 !important;
    background: none !important; /* Remove cores de fundo se houver */
    transition: all 0.3s ease;
}

/* Efeito ao passar o mouse */
.nivel-um li a:hover strong.titulo {
    color: #B89355 !important; /* Muda para o dourado que sugerimos */
}

/* Remove bordas padrão da Loja Integrada que podem poluir o visual */
.borda-principal {
    border: none !important;
}

/* Refinamento do Cabeçalho e Busca */
.conteudo-topo .busca {
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important; /* Linha sutil em vez de caixa */
    background: none !important;
}

.conteudo-topo .busca input {
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
}

/* Deixar os ícones de carrinho e conta mais discretos (Pretos) */
.conteudo-topo .acoes-cliente i, 
.conteudo-topo .carrinho i {
    color: #000000 !important;
}






/* Ajuste dos ícones do cabeçalho */
.conteudo-topo .cabecalho .acoes-cliente > li > a i, 
.conteudo-topo .cabecalho .acoes-cliente > li i,
.carrinho .fundo-carrinho i {
    font-size: 22px; /* Tamanho similar à referência */
    color: #000000; /* Cor preta sólida */
}

/* Ajuste específico para o ícone do carrinho */
.carrinho .fundo-carrinho {
    background: transparent;
    border: none;
}

/* Se quiseres trocar os ícones por versões preenchidas via Font Awesome (caso o tema suporte) */
.icon-user:before { content: "\f007"; font-weight: 900; }
.icon-shopping-cart:before { content: "\f07a"; font-weight: 900; }
.icon-heart:before { content: "\f004"; font-weight: 900; }

/* Ajuste de espaçamento para alinhar com o menu */
.acoes-cliente {
    display: flex;
    align-items: center;
    gap: 15px;
}











/* Ajuste do banner para não colar no menu */
.secao-banners {
    margin-top: 10px !important;
}

.botao.principal.botao-comprar, .botao.principal.grande{
    padding: 12px !important;
}
.pagina-produto .acoes-produto>div.comprar>a.botao{
    background-color: #000000!important;
}

/* --- ESTILIZAÇÃO DO RODAPÉ --- */

/* Títulos das colunas (Conteúdo, Categorias, Social, etc) */
#rodape .titulo {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 14px !important;
    color: #000000 !important;
    border-bottom: 2px solid #B89355 !important; /* Linha dourada discreta abaixo do título */
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 15px !important;
}

/* Links das listas */
#rodape .links-rodape li a, 
#rodape .links-rodape-categorias li a {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400 !important;
    color: #666666 !important;
    font-size: 13px !important;
    transition: all 0.3s ease;
}

#rodape .links-rodape li a:hover, 
#rodape .links-rodape-categorias li a:hover {
    color: #B89355 !important;
    padding-left: 5px; /* Efeito sutil de movimento */
}

.lista-redes a {
    color: #000 !important;
    text-decoration: none;
}

.addthis_toolbox .addthis_default_style .addthis_32x32_style .lista-redes a{
    color: #ffffff !important;
}

/* Ícones das Redes Sociais */
.lista-redes ul li a i {
    background-color: #000000 !important; /* Fundo preto nos ícones */
    color: #ffffff !important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.3s ease;
}

.lista-redes ul li a:hover i {
    background-color: #B89355 !important; /* Vira dourado no hover */
}

/* Ajuste nos Selos e Pagamento */
#rodape .pagamento .titulo, 
#rodape .selos .titulo {
    border-bottom: none !important; /* Remove a linha nestes títulos para não poluir */
}

/* Texto de Copyright (Rodapé inferior) */
.atividades-rodape .copyright, 
.atividades-rodape .assinatura-loja {
    font-family: 'Raleway', sans-serif !important;
    font-size: 11px !important;
    color: #999999 !important;
}
/* Estilizando a tabela de desconto progressivo */
.tabela-carrinho-brinde {
    border: 1px solid #e0e0e0 !important;
    font-family: 'Raleway', sans-serif !important;
}

.tabela-carrinho-brinde th {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.tabela-carrinho-brinde td {
    font-weight: 600;
    color: #B89355; /* Dourado para o preço de atacado */
}



/* Espaçamento para os preços na vitrine */
.preco-produto {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza se sua vitrine for centralizada */
    min-height: 80px; 
}

.preco-atacado-custom {
    border-top: 1px solid #f2f2f2;
    padding-top: 5px;
    width: 100%;
    text-align: center;
}

/* Cor de destaque nos botões e preços para combinar com a logo */
.botao-comprar, .precos .preco-venda, .nome-produto {
    font-family: 'Montserrat', sans-serif !important;
}

/* Selo de Atacado na Vitrine */
.selo-atacado-custom {
    background: #B89355;
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

/* Ajuste da Tabela de Desconto Progressivo na página do produto */
.componente-desconto-progressivo .tabela-carrinho-brinde {
    border: 1px solid #e1e1e1;
    margin-top: 20px;
}


/*--------------------------------------------------------------------------*/

/* Títulos Globais e de Produtos */
h1, h2, .titulo-categoria, .nome-produto {
    font-family: 'Georgia', serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #000000 !important;
}

/* Preços com Destaque Elegante */
.preco-produto, .preco-promocional, .resumo-compra .valor {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
}

/* Menu Superior - Limpo e Espaçado */
.menu.superior .nivel-um>li{
    padding: 0px !important;
}
.menu.superior .nivel-um > li > a
{
    font-family: 'Georgia', serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
}

/* Destaques e Banners (Peso 300 para sofisticação) */
.banner-texto, .chamada-destaque {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 3px !important;
}

/* Ajuste fino na Listagem de Produtos */
.listagem-item {
    border: none !important; /* Remove bordas desnecessárias */
    transition: shadow 0.3s ease;
}

.listagem-item:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}
#rodape .titulo {
    color: #000000!important;
}
.links-rodape ul li a{
    color: #000000!important;
}









@media screen and (max-width: 767px) {

.listagem .titulo-categoria, .titulo-categoria{
    margin-top: 30px !important;
}

#menuinsta{
    display: none;
}
div#menuinsta{
    margin: 0px!important;
}
#menuinsta>div>div>div>li.slick-slide.slick-slide:nth-child(1)>a:before
 {
content: none!important;
 }
#menuinsta .slick-slider{
  height: auto!important;  
}
#menuinsta .slick-initialized .slick-slide{
    margin-top:0px !important;
}  
.fundo-principal #menuinsta a {
    display: inline !important;
    height: auto!important;
    }
    .fundo-principal .menu-simples li.active a{
    background-color: #ffffff!important;
    color: #000000 !important;
    }
    #menuinsta li{
        line-height: 100% !important;
    }
    .barra-topo-custom{
        margin-top:40px;
    }
}