/* --- 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');

/* Troca a logo .logoem todas as páginas, EXCETO na Home */
body:not(.pagina-inicial) .logo a img {
    /* Substitui o arquivo da imagem */
    content: url("https://cdn.awsli.com.br/2965/2965867/arquivos/my-perfumes-logo.png") !important;
    
    /* Ajustes de tamanho - Altere conforme sua preferência */
    max-width: 200px !important; 
    height: auto !important;
    display: block;
}

/* Ajuste específico para garantir que a logo branca da Home continue ok */
body.pagina-inicial .logo a img {
    max-width: 200px !important;
}
/* Altera a cor do menu em todas as páginas, EXCETO na Home */
body:not(.pagina-inicial) .nivel-um li strong.titulo {
    color: #000000 !important; 
}
body:not(.pagina-inicial) .theme-functions svg path {
    fill: #000000 !important;
}
.g_ body:not(.pagina-inicial) .custom-mini-banners{
    display: none !important;
}
.g_ body:not(.pagina-inicial) .hero_2{
    display: none !important;
}



.coluna>div, #corpo .conteiner>div{
    margin-top: 40px !important;
}


.g_ .g_title, .g_ .listagem .titulo-categoria strong{
    margin-top: 60px;
}
.g_ .carrinho .qtd-carrinho{
    border: 2px solid #000000 !important;
    font-size:14px !important;
}

/* Ajuste para Mobile (Geralmente a logo precisa ser menor no celular) */
@media only screen and (max-width: 767px) {
    body:not(.pagina-inicial) .logo a img,
    body.pagina-inicial .logo a img {
        max-width: 120px !important;
    }
}


/*-------------------------- BARRA DE NOTICIAS --*/

.barra-topo-custom {
    width: 100% !important;
    overflow: hidden !important;
    padding: 0.2% 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    background-color:#766456; /* Cor preta do exemplo */
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;

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


.container-carrossel {
    display: flex !important;
    width: max-content !important;
}

.frase-track {
    display: flex !important;
    flex-shrink: 0 !important; /* Impede que o flex amasse o texto */
    animation: scroll-infinito 25s linear infinite !important;
}

.frase-track span {
    display: inline-block !important;
    padding: 0 40px !important;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    white-space: nowrap !important;
}

/* Animação: move exatamente UMA track inteira */
@keyframes scroll-infinito {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}



/* Quando passar o mouse no container, PAUSA as duas faixas ao mesmo tempo */
.container-carrossel:hover .frase-track {
    animation-play-state: paused !important;
}


/*-------------- logo a esquerda e o resto a direita */

/* 1. Ajuste na Logo para empurrar tudo */
.row-flex.align-items-center > .col-auto {
    order: 1 !important;
    margin-right: auto !important; 
}

/* 2. Ajuste no Menu para não ocupar espaço extra */
.row-flex.align-items-center > .col.g_menu {
    order: 2 !important;
    flex: 0 0 auto !important; /* Impede de crescer */
    width: auto !important;
    margin-right: 20px !important; /* Distância entre menu e ícones */
}

/* 3. Ajuste na Div dos Ícones (O SEGREDO ESTÁ AQUI) */
.row-flex.align-items-center > .col:last-child {
    order: 3 !important;
    flex: 0 0 auto !important; /* Força a div a ter apenas o tamanho dos ícones */
    width: auto !important;
    display: flex !important;
}

/* 4. Remove qualquer margem negativa ou ajuste que a lista de ícones tenha */
.theme-functions {
    margin: 0 !important;
    padding: 0 !important;
}





.g_ .listagem .titulo-categoria{
    margin: 0px !important;
}

/*------------------PRODUTOS------------------*/

.listagem .info-produto{
    text-align: center !important;
}
.g_ .listagem .listagem-item .nome-produto{
font-size: 1.8em !important;
}
.g_ .listagem .preco-produto *
 {
    font-size: 1.1em !important;
}

.g_ .listagem .preco-produto .preco-parcela {
    opacity: 1 !important;
}

.pagina-produto .acoes-produto>div.comprar>a.botao{
    background-color: #000000!important;
}






/* 5. Ajuste fino do Menu para não quebrar linha */
.menu.superior ul.nivel-um {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Ajuste de cor dos ícones (opcional, conforme seu código anterior) */
.theme-functions svg path {
    fill: #000000 !important;
}
/* Diminui o tamanho dos ícones do topo */
.theme-functions svg {
    width: 15px !important;  /* Ajuste este valor conforme desejar (ex: 18px, 22px) */
    height: auto !important;
    transition: all 0.3s ease; /* Deixa o movimento suave se houver hover */
}
/* -----------------Barra Superior Customizada */

/* 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: uppercase;
}

.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;
}





/* Forçar a exibição da categoria Unissex */
li.categoria-id-24203786 {
    display: list-item !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: 600 !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: 1.2em !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: -137px !important;
}

.g_ .logo a>img, .g_ .logo img, .g_ .logo svg{
max-height: 200px !important;
margin-left: 40px;
}
/* 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;
}

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

.g_ #barraNewsletter, .g_ #barraNewsletter .componente, .g_ #barraNewsletter .show-hide, .g_ #barraNewsletter.posicao-rodape .conteiner {
    background: #fdf6ec !important;
}

.g_ #barraNewsletter .componente .texto-newsletter{
    width: auto !important;
    font-size: 16px !important;
    color: #766456 !important;
    text-transform: uppercase !important;
}
.g_ #barraNewsletter .componente input[type=text]{
    padding: 20px !important;
    background: #f9f6f200 !important;
    border: 1px solid #766456 !important;
}

.g_ #barraNewsletter .conteiner>ul:last-child>li>a{
    color: #766456 !important;
    font-size: 40px !important;
}

.g_ #rodape .institucional {
    background-color: #f9f6f2 !important;
}
.g_ #rodape .pagamento-selos{
     background-color: #f9f6f2 !important;
}
.g_ .botao, .g_ .btn
 {
    background-color: #f2eeea !important;
    color: #766456 !important;
    text-transform: uppercase !important;
}

.g_ #rodape .institucional p, .g_ #rodape .institucional ul li a {
    color: #766456 !important;
}
.g_ #rodape .institucional h5, .g_ #rodape .titulo {
    color: #766456 !important;
}

.g_ #rodape>div:last-child {
    background-color: #fdf6ec !important;
    padding-bottom: 30px !important;
}


.g_ #rodape .institucional p, .g_ #rodape .institucional ul li a{
    font-size: 1em !important;
    text-transform: uppercase !important;
    line-height: 1.4em !important;
}
.g_ #rodape .institucional h5, .g_ #rodape .titulo{
   text-transform: uppercase !important;
   font-size: 1em !important;
   font-weight: 700 !important;
}





/* Alinhamento dos logos e do novo selo */
#logo_before, 
#logo_before + a, 
.meu-selo-personalizado {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ajuste do container para centralizar tudo sem usar o :has() */
/* O seletor abaixo pega a DIV que tem o estilo inline de 30px que você mostrou */
div[style*="min-height: 30px"] {
    display: block !important;
    text-align: center !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 !important;
}

/* Espaçamento entre os logos */
#logo_before + a {
    margin: 0 15px !important;
}

  .menu-logo-personalizada {
      display: none !important;
  }

/*3 banners em colunas abaixo da hero principal */
.custom-mini-banners {
  margin: 0 auto;
  width: 100%;
  margin-top: -32px;
}

.row-custom {
  display: flex !important;
  gap: 0;
}

.mini-banner-item {
  flex: 1;
}

.mini-banner-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.mini-banner-item img:hover {
  transform: scale(1.02);
}



/* DEIXANDO O TOPO FIXO Estado inicial (topo transparente) */
/* Estado normal (topo) */
header {
  width: 100%;
  z-index: 9999;
  background-color: transparent; /* Estado inicial: Transparente */
  transition: all 0.4s ease; /* Suaviza a transição de cor e altura */
}

/* ESTADO AO ROLAR: Fundo branco transparente */
header.sticky {
  background-color: rgba(255, 255, 255, 0.85); /* Branco com transparência */
  padding: 10px 0; /* Dá uma leve "encolhida" para ficar elegante */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px); /* Opcional: Efeito de vidro embaçado */
  position: fixed;
  top: 0px;
  margin:0px !important;
}

/* ESTADO HOVER: Quando o mouse passa por cima (só quando já estiver sticky) */
header.sticky:hover {
  background-color: rgba(255, 255, 255, 1); /* Branco sólido */
}

/* Ajuste nos links para não sumirem no fundo branco */
header.sticky a {
  color: #333;
}



























@media screen and (max-width: 767px) {
.logo{
    margin-left: 25px !important;
}

.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: #ebdecc !important;
    }
    #menuinsta li{
        line-height: 100% !important;
    }
    .barra-topo-custom{
        margin-top:0px;
    }
    .secao-banners {
    margin-top: 0px !important;
}
.g_ header {
    background-color: #f7efeb;
    padding: 0px 20px;
}
/* Altera a cor do menu em todas as páginas, EXCETO na Home */
.g_ body:not(.pagina-inicial) header{
    background-color: #fff !important; /* Substitua pelo código da cor que você deseja */
}

.g_ .menu-trigger, .g_ .menu-trigger:before, .g_ .menu-trigger:after{
border-top: 3px solid #fff !important;
}
.g_ .menu-trigger:after{
    background: #a98162 !important;
}
.g_ .menu.superior>.nivel-um{
    background-color: #fff !important;
    padding: 30px!important;
}
.g_ .menu.superior>.nivel-um>li>a>strong{
    color: #000000 !important;
}

  
  .menu-logo-personalizada {
    padding: 20px 0;
    background: #fff;
    display: block;
  }

  .menu-logo-personalizada img {
    max-width: 160px;
    height: auto;
    margin-bottom: 1.5em;
}
  
/*3 banners em colunas abaixo da hero principal */
    .custom-mini-banners {
  margin-top: 0px;
}
  .row-custom {
    display: block !important;
  }

  .mini-banner-item {
    margin-bottom: 0px;
  }
  header.sticky{
      position: relative !important;
  }

}