.menu.superior .nivel-um>li {
    border: none !important;
}

#cabecalho .busca {
    background: none;
    border: none;
}

#cabecalho .menu.superior .nivel-um>li>a strong {
    font-size: 18px;
    color: #402000;
}

#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho .conteiner {
max-width: 100% !important;
padding: 0;
box-shadow: none;
}

/* Centralizar os itens do menu /
#cabecalho > .conteiner > .menu.superior { text-align: center;}
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block;}
/ Centralizar os itens do menu */

/* Ajusta margem entre as categorias*/
#cabecalho > .conteiner > .menu.superior .nivel-um > li {
float: none;
display: inline-block;
border-left: 0;
margin-right: 1px;
}

.menu li>a i, .menu-responsivo i {
display:  none !important;
}

.g_ .logo a > img{
    max-height: 70px !important;
}

.conteiner {
    max-width: 100% !important;
}

/*Eliminando o espaço em branco superior*/
@media (min-width: 768px) {
    .logo {
        margin-bottom: 10px !important;
    }
}
/*Eliminando o espaço em branco inferior*/
.flexslider {
    margin: 0 !important;
}

.banner.cheio+.row-fluid {
    margin-top: 0px !important;
}


.header .logo img {
  margin-top: 15px;
}

.logo a img {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%
}

.regiao-cep-container {
    display: none;
}

.conteudo-topo .superior {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 20px;
    background-color: transparent; /* usa o fundo da loja */
    gap: 10px; /* espaço entre os elementos */
    height: auto;
}

.topo .acoes-usuario {
  background-color: #ffc600 !important; /* ou "transparent" */
  padding: 5px 10px;
  border-radius: 5px; /* opcional, para suavizar */
}

.topo .acoes-usuario {
  position: absolute;
  top: 10px;
  right: 20px;
}

.conteudo-topo .superior {
  display: flex;
  justify-content: flex-end; /* Alinha tudo à direita */
  align-items: center;       /* Alinha verticalmente */
  padding: 10px 20px;
  background-color: transparent !important; /* Remove fundo branco */
  gap: 10px; /* Espaço entre os elementos, se necessário */
}

.conteudo-topo {
  width: 100%;
}

.conteudo-topo .span9 {
  width: 100%;
}

.conteudo-topo {
  padding: 5px 0 !important; /* Reduzir espaçamento vertical */
  height: auto !important;
}

#cart { 
  transform: scale(0.85); /* Reduz o tamanho do bloco */
  margin-left: 10px; /* Ajuste opcional */
}

.conteudo-topo .superior {
  justify-content: flex-end;
  align-items: initial;
  background-color: #fff !important;
  padding: 5px 0;
  font-weight: bold;
  color: #402003; /* Amarelo de fundo pede texto escuro */
}

.conteudo-topo + .inferior {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduz altura da imagem da logo */
.logo img {
  max-height: 40px; /* ou ajuste conforme necessário */
  height: auto;
}

.logo a {
    position: relative;
    display: block;
    height: 80px;
}

.seletor-empresa {
  background-color: #ffc600 !important;
  border: none;
  font-weight: bold;
  color: #402003; /* cor da fonte preta para melhor leitura */
  padding: 5px 10px;
  border-radius: 4px;
}

.dropdown-usuario select {
  background-color: #FFC600; /* amarelo do topo */
  color: #402003;               /* texto preto */
  font-weight: bold;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  height: 32px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23000' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 30px;
  max-width: 100%;
}

.btn-group {
    position: absolute;
    right: 400px;
    display: inline-block;
    *display: inline;
    *zoom:1;font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em
}

.conteudo-topo .superior {
  justify-content: flex-end;
  align-items: initial;
  background-color: #ffc600 !important;
  padding: 5px 0;
  font-weight: bold;
  color: #402003; /* Amarelo de fundo pede texto escuro */
}

.carrinho {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.12);
    position: relative;
    margin-left: auto;
    margin-right: 10px;
}

/* Seletor baseado na classe ou ID do botão */
.seu-botao-usuario {
    background-color: #ffc600; /* marrom escuro */
    color: #fff; /* texto branco */
    padding: 8px 16px;
    border-radius: 5px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.seu-botao-usuario:hover {
    background-color: #ffc600;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}

/* Estilo personalizado para o botão de boas-vindas */
a.bem-vindo.cor-secundaria.menu-user-welcome {
    background-color: #ffc600 !important; /* Marrom escuro */
    color: #fff !important; /* Texto branco */
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: bold;
    display: inline-block;
    border: none;
    transition: all 0.3s ease;
}

/* Efeito ao passar o mouse */
a.bem-vindo.cor-secundaria.menu-user-welcome:hover {
    background-color: #ffc600 !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

a.bem-vindo.cor-secundaria.menu-user-welcome {
    position: absolute;
    right: 380px;
    background-color: #ffc600 !important; /* Marrom escuro */
    color: #fff !important; /* Texto branco */
    padding: 4px 16px;
    border-radius: 1px;
    font-weight: bold;
    display: inline-block;
    border: none;
    transition: all 0.3s ease;
}

.botao.pequeno {
    font-size: 12px;
    padding: 3px 10px;
    background: rgba(255, 198, 0);
    color: #402003;
}

.busca form,.busca input {
    margin: 0;
    background-color: transparent !important;
    border-color: #402003;
    border-width: 1px;
    font-weight: normal;
    font-size: 12px;
}

.tema-transparente .conteiner {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.tema-transparente .conteiner {
    background-color: transparent;
    box-shadow: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1px;
}

.banner.cheio+.row-fluid {
    margin-top: 1px !important;
    margin-bottom: 3px !important;
}

.listagem .titulo-categoria:first-child {
    margin-top: 3px;
}

.listagem .titulo-categoria {
    display: block;
    font-size: 25px;
    text-transform: uppercase;
    margin: 40px 0 0;
    padding: 10px 0;
    transition: all .2s ease;
    text-align: center;
}

.logo a {
    position: relative;
    display: block;
    height: 112px;
}

.menu.superior {
    background-color: #fff;
    margin-top: 20px
}

.fundo-secundario,.fundo-secundario *,.fundo-secundario *:hover,.fundo-secundario:hover,.fundo-secundario.botao:hover {
    color: #402003;
    font-size: 13px;
}

#rodape .institucional ul {
    margin: 50px;
    margin-top: 10px;
}

.conteudo>.row-fluid {
    margin-bottom: 20px;
    margin-top: 20px;
}

.lista-redes .icon-instagram {
    background: transparent;
    background: transparent;
}

.lista-redes .icon-facebook {
    background-color: transparent;
}

.slides,.slides>li,.flex-control-nav,.flex-direction-nav {
    margin: 6px;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    list-style: none
}

.conteiner-principal #rodape .conteiner {
    background-color: #ffc600;
    box-shadow: none
}

#rodape .titulo {
    display: block;
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 0;
    margin-left: 50px;
    }
    
    #rodape .redes-sociais {
    width: 220px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: transparent;
    box-shadow: none;
}

.lista-redes i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
    margin: 0;
}

.menu.superior {
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 0;
}

.borda-alpha,.borda-alpha * {
    border-color: #fff;
}

.table th,.table td {
    border-color:#fff
}

:root {cor-secundaria: #402003;
}
.cor-secundaria { color: #402003; }
.fundo-secundario {background-color: #ffc600;}
.borda-secundaria { border-color: #402003; }

.form-horizontal .control-group {
    margin-bottom: 5px;
    *zoom:1}
    
    a.bem-vindo.cor-secundaria.menu-user-welcome {
    position: absolute;
    right: 380px;
    background-color: #fff !important; /* Marrom escuro */
    color: #402003 !important; /* Texto branco */
    padding: 4px 16px;
    border-radius: 1px;
    font-weight: bold;
    display: inline-block;
    border: none;
    transition: all 0.3s ease;
}

.conteudo-topo .superior {
  justify-content: flex-end;
  align-items: initial;
  background-color: #fff !important;
  padding: 5px 0;
  font-weight: bold;
  color: #402003; /* Amarelo de fundo pede texto escuro */
}

.conteudo-topo .superior {
  justify-content: flex-end;
  align-items: initial;
  background-color: #fff !important;
  padding: 5px 0;
  font-weight: bold;
  color: #402003; /* Amarelo de fundo pede texto escuro */
}

.conteiner-principal #rodape .conteiner {
    background-color: #fff
}

.cor-secundaria { color: #402003; }
.fundo-secundario {background-color: #402003;}
.borda-secundaria { border-color: #402003; }

.fundo-secundario,.fundo-secundario *,.fundo-secundario *:hover,.fundo-secundario:hover,.fundo-secundario.botao:hover {
    color: #402003;
    font-size: 13px;
}

#rodape .institucional {
	background-color: #ffc600;
	/* background-repeat: initial; */
}

.conteiner-principal #rodape .conteiner {
    background-color: #ffc600;
}

    a.bem-vindo.cor-secundaria.menu-user-welcome {
    position: absolute;
    right: 450px;
    background-color: #fff !important; /* Marrom escuro */
    color: #402003 !important; /* Texto branco */
    padding: 2px 10px;
    border-radius: 1px;
    font-weight: bold;
    display: inline-flex;
    border: none;
    transition: all 0.3s ease;
    flex-wrap: wrap;
}

.conteiner-principal #rodape .conteiner {
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    place-items: center;
    gap: 32px
}

#rodape .institucional {
	background-color: #f6f6f6;
	/* background-repeat: initial; */
}

.btn-group {
    position: absolute;
    right: 500px;
    display: inline-block;
    display: inline;
    zoom:1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: .3em
}

.menu.superior {
    background-color: #ffc600;
    margin-top: 20px;
    margin-bottom: 0;
}

.tarja-superior {
  background-color: #ffc600; /* cor da tarja */
  padding: 10px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1.5px; /* aumenta o espaçamento entre letras */
}

@media (max-width: 768px) {
  .redes-sociais {
    position: relative !important;
    z-index: 1;
    margin-bottom: 30px;
  }

  .lista-redes li {
    display: inline-block;
    margin: 0 8px;
  }

  .lista-redes .icon-instagram,
  .lista-redes .icon-facebook {
    font-size: 24px;
    color: #6a3e1a !important; /* marrom escuro com contraste */
    background: none !important;
  }

  /* Garante que não fique por cima de categorias */
  .categories,
  .menu-rodape {
    position: relative;
    z-index: 2;
  }
}

.cor-secundaria { color: #402003; }
.fundo-secundario {background-color: #ffc600;}
.borda-secundaria { border-color: #402003; }

.fundo-secundario,.fundo-secundario *,.fundo-secundario *:hover,.fundo-secundario:hover,.fundo-secundario.botao:hover {
    color: #402003;
    font-size: 13px;
}

a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span { color: #402003; } /* Cor Principal - Textos e Links */
.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label , .menu-simples li a:hover, .menu-simples li.active a {background-color: #ffc600;} /* Cor Principal - Background */
.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a { border-color: #402003; } /* Cor Principal - Bordas */

.fundo-principal,.fundo-principal *,.fundo-principal *:hover,.fundo-principal:hover,.fundo-principal.botao:hover {
    color: #402003;
}

.fundo-secundario,.fundo-secundario *,.fundo-secundario *:hover,.fundo-secundario:hover,.fundo-secundario.botao:hover {
    color: #402003
}

.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {background-color: #ffc600;}

@media (max-width: 768px) {
  .logo-class { max-width: 160px; margin: 0 auto; }
}

/* Reduzir espaço do topo */
#cabecalho {
  padding: 0 !important;
  margin: 0 !important;
}

/* Logo menor */
.logo img {
  max-height: 60px !important;
  height: auto;
  width: auto;
}

  body {
  margin: 0 !important;
  padding-top: 0 !important;
}

.tarja-superior-dacolonia {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Garante que a tarja fique visível no topo */
.tarja-superior-dacolonia {
  z-index: 9999 !important;
  position: relative !important;
}

/* Move o menu institucional para baixo */
#cabecalho, .menu-superior, .topo-container {
  margin-top: 0 !important; /* ajuste esse valor conforme a altura da tarja */
  position: relative !important;
  z-index: 1000 !important;
}

@media (max-width: 768px) {
  .tarja-superior-dacolonia {
    position: relative !important;
    z-index: 9999 !important;
  }

  .atalhos-mobile, .topo-container, #cabecalho {
    margin-top: 0 !important; /* ajuste exato da altura da tarja */
    position: relative !important;
    z-index: 1000 !important;
  }
}

#cabecalho {
  padding: 5px 0 !important;
  margin: 0 !important;
}

.logo img, h1.logo img {
  max-height: 60px !important;
  height: auto !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block !important;
}