.conteiner {
max-width: 100%;
}

.fundo-secundario {
    color: black;
}

.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, 
.fundo-secundario:hover, .fundo-secundario.botao:hover {
    color: black;
}


/* Deixar barra de navegação fixa no topo */
.container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Empurra o conteúdo da página para baixo para não ficar escondido atrás da barra fixa */
.container {
    position: static;
}

/* Reordena os elementos do cabeçalho usando flexbox order */
.row-flex.align-items-center {
    display: flex;
    align-items: center;
}

/* Logo vai para a primeira posição (esquerda) */
.col-auto {
    order: 1;
}

/* Menu vai para o meio */
.col.g_menu {
    order: 2;
    flex: 1; /* Permite que o menu ocupe o espaço disponível */
}

/* Ícones (pesquisa, conta, carrinho) ficam à direita */
.col:last-child {
    order: 3;
}

/* Opcional: ajustes de espaçamento */
.col-auto .logo {
    margin-right: 20px; /* Espaço entre logo e menu */
}

/* Responsive: Em dispositivos móveis, manter layout adequado */
@media (max-width: 768px) {
    .row-flex.align-items-center {
        flex-wrap: wrap;
    }
    
    .col-auto {
        order: 1;
        width: auto;
    }
    
    .col.g_menu {
        order: 3;
        width: 100%;
    }
    
    .col:last-child {
        order: 2;
        width: auto;
        margin-left: auto;
        justify-content: flex-end;
    }
}

.g_ .menu.superior>.nivel-um>li {
        padding: 1rem 1rem;
}

.banner.cheio+.row-fluid {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.g_ .secao-banners .fullminibanner {
    width: 400px;
    position: static;
    left: auto;
    transform: none;
    margin-bottom: 0px;
    border-radius: 50px;
}

@media (max-width: 767px) {
    #rodape .row-flex>div {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .g_ .mini-banner.hidden-phone {
        display: flex !important;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .g_ .mini-banner.hidden-phone {
        display: flex !important;
       flex-direction: column;
    }
}

@media (max-width: 767px) {
    .hidden-phone {
        display: none !important;
    }
}

.col.g_menu {
    order: 2;
    flex: 1;
    display: flex;
    justify-content: center;
}

.g_ .carrinho .qtd-carrinho {
    color: black;
    border: 0px;
}

.g_ .botao, .g_ .botao:hover, .g_ .btn,
.g_ .btn:hover, .g_ .identificacao 
.control-group .submit-email.botao.principal {
    
    border-radius: 50px !important;
    border: 0px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

@media (max-width: 767px) {
    .hidden-phone {
        display: none;
    }
}

@media (max-width: 767px) {
    .g_ .thumbs-vertical+.conteiner-imagem {
        margin: 0 -10px;
        padding: 50px;
        padding-bottom: 0px;
        
    }
    .g_ .produto div.principal {
        padding: 0 5px;
        margin-top: 0rem;
    }
    
    g_ .logo a>img, .g_ .logo img, .g_ .logo svg {
        max-height: 60px;
        max-width: 150px;
        width: 30vw;
    }
}

#barraNewsletter {
    display: none !important;
}

.g_ .listagem-item .produto-sobrepor {
    pointer-events: none;
}

.botao {
    border-radius: 50px !important;
    border: 0px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important; 
}

.g_ .produto .principal .atributos .atributo-comum>ul>li>a {
    box-shadow: 0 0 0;
    min-height: 36px;
    min-width: 36px;
    border: 0;
    margin: 0;
    background: var(--bg2);
    border: 1px solid;
    border-radius: 50px;
    border-color: #e9e9e9;
}

.g_ .produto div.principal .qtde-adicionar-carrinho+.botao.principal.botao-comprar {
    width: calc(100% - (88px + var(--gutter)));
    margin-top: 15px;
}

.g_ .menu.superior>.nivel-um>li>a>strong {
    font-size: 18px;
    font-weight: 400;
    color: var(--tc1);
    margin: 0;
}

.g_ .listagem-item .acoes-produto a, .g_ .listagem-item .acoes-produto a:hover {
        border-radius: 25px;
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 0;
    border: 1px solid #d4d4d4;
}

.g_ .produto .cep input {
    width: calc(100% - 60px);
    box-sizing: border-box;
    border: 0px;
}

.g_ #formCalcularCep .btn, .g_ .pagina-carrinho .acao-editar a.botao {
    background-color: var(--tc3) !important;
    color: #fff;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.g_ .listagem .imagem-produto img {
    border-radius: 0;
    padding: 0px;
    margin: 0px;
}

/* 1. Aplica o border-radius no contêiner principal */
.modulo.fullminibanner, 
.modulo.fullminibanner .flexslider,
.modulo.fullminibanner .slides {
    border-radius: 5px !important; /* Defina o raio desejado, ex: 10px */
    overflow: hidden !important; /* CRUCIAL: Esconde o excesso da imagem */
}

/* 2. Garante que a imagem se ajuste ao raio do seu contêiner */
.modulo.fullminibanner img {
    border-radius: 5px !important; 
}

.g_ .menu.superior>.nivel-um>li>a>strong {
    text-wrap: inherit;
}

.g_ .listagem-item .acoes-produto { 
    width: 75%;
}

@media (max-width: 767px) {
    .g_ .listagem-item .acoes-produto{
        display: none;
    }
}

/* Estilos para o botão em estado normal e específico */
.g_ .botao, 
.g_ .btn, 
.g_ .identificacao .control-group .submit-email.botao.principal {
    /* Cor de fundo principal (Vinho Escuro) */
    background-color: #800000 !important;
    /* Cor do texto Branco para contraste */
    color: #FFFFFF !important;
    /* Garante que a borda seja da mesma cor do fundo para uma aparência sólida */
    border-color: #800000 !important; 
    
    /* Mantendo os estilos de texto */
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

/* Estilos para o botão quando o mouse passa por cima (estado :hover) */
.g_ .botao:hover, 
.g_ .btn:hover {
    /* Deixa a cor ligeiramente mais escura no hover para feedback visual */
    background-color: #660000 !important; 
    border-color: #660000 !important;
    color: #FFFFFF !important; /* Mantém o texto branco */
}

/* Aplica a fonte Lato aos elementos desejados */
.nome-produto,
.listagem-item strong {
    font-family: 'Lato', sans-serif !important;
}

/* Mantendo os estilos de botões anteriores para referência (opcional) */
.g_ .botao, 
.g_ .btn, 
.g_ .identificacao .control-group .submit-email.botao.principal {
    background-color: #800000 !important;
    color: #FFFFFF !important;
    border-color: #800000 !important; 
    
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}


.g_ .botao, .g_ .btn, .g_ .identificacao .control-group .submit-email.botao.principal {
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.g_ .carrinho .qtd-carrinho { 
    font-family: 'Lato', serif !important;
}

/* Remove o border-radius (arredondamento) especificamente do botão de tipo submit com a classe .btn */
button[type="submit"].btn {
    border-radius: 0 !important; /* Força os cantos a serem completamente quadrados */
}