/* Corrige a posição do menu Categorias */
.menu.superior .nivel-um > li.todos-departamentos.com-filho > .nivel-dois {
    top: 100% !important;
    margin-top: -2px !important;
}

/* =========================================================
   AJUSTES DOS CARDS DE PRODUTOS
   ========================================================= */

/* Mantém a imagem principal visível ao passar o mouse */
.listagem .listagem-item .imagem-produto .imagem-principal,
.listagem .listagem-item:hover .imagem-produto .imagem-principal {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Impede a segunda imagem/zoom de substituir a principal */
.listagem .listagem-item .imagem-produto .imagem-zoom,
.listagem .listagem-item:hover .imagem-produto .imagem-zoom {
    display: none !important;
}

/* Centraliza o título do produto */
.listagem .listagem-item .info-produto .nome-produto {
    display: block !important;
    text-align: center !important;
    line-height: 1.35 !important;
}

/* Centraliza toda a área de preço */
.listagem .listagem-item .preco-produto {
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
}

/* Faz preço antigo e preço atual ficarem um abaixo do outro */
.listagem .listagem-item .preco-produto > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Preço antigo riscado: pequeno e discreto */
.listagem .listagem-item .preco-produto .preco-venda {
    display: block !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0 0 2px 0 !important;
    opacity: 0.55 !important;
}

/* Preço atual: maior e destacado */
.listagem .listagem-item .preco-produto .preco-promocional {
    display: block !important;
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Reserva espaço inferior para o botão Mais detalhes */
.listagem .listagem-item {
    padding-bottom: 58px !important;
    box-sizing: border-box !important;
}

/* Coloca o botão Mais detalhes no rodapé do card */
.listagem .listagem-item .acoes-produto.hidden-phone {
    bottom: 10px !important;
    left: 15px !important;
    right: 15px !important;
    width: auto !important;
}


/* =========================================================
   AJUSTE DO PREÇO "A PARTIR DE"
   ========================================================= */

.listagem .listagem-item .preco-a-partir {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Texto "A partir de" */
.listagem .listagem-item .preco-a-partir > span {
    display: block !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0 0 2px 0 !important;
    opacity: 0.65 !important;
}

/* Valor do produto */
.listagem .listagem-item .preco-a-partir .preco-venda {
    display: block !important;
    font-size: 26px !important;
    line-height: 31px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-decoration: none !important;
    opacity: 1 !important;
}


/* =========================================================
   RODAPÉ - ALINHAMENTO
   ========================================================= */

/* Centraliza a área inferior do rodapé agora que são 3 blocos */
.rodape .pagamento-selos {
    text-align: center;
}

/* MOBILE */
@media (max-width: 767px) {

    /* Centraliza conteúdo do rodapé */
    #rodape,
    #rodape .titulo,
    #rodape .institucional,
    #rodape .paginas,
    #rodape .sobre-loja-rodape,
    #rodape .lista-redes,
    #rodape .pagamento-selos {
        text-align: center !important;
    }

    /* Centraliza listas */
    #rodape ul {
        text-align: center !important;
    }

    /* Centraliza imagens e logos */
    #rodape img {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* =========================================================
   NEWSLETTER - TROCA O TEXTO ANTIGO DE DESCONTO
   ========================================================= */

#barraNewsletter .componente.newsletter .titulo {
    font-size: 0 !important;
}

#barraNewsletter .componente.newsletter .titulo::after {
    content: "Cadastre-se e receba nossas novidades";
    font-size: 20px !important;
    font-weight: 700 !important;
    vertical-align: middle;
}

/* Mantém o ícone da newsletter visível */
#barraNewsletter .componente.newsletter .titulo .icone-newsletter2,
#barraNewsletter .componente.newsletter .titulo .icone-envelope-alt {
    font-size: 20px !important;
}

/* =========================================================
   SUBMENUS DO MENU SUPERIOR
   Abrem diretamente abaixo da categoria
   ========================================================= */

.menu.superior .nivel-um > li.com-filho {
    position: relative !important;
}

.menu.superior .nivel-um > li.com-filho > .nivel-dois {
    top: 100% !important;
    left: 0 !important;
    margin-top: -1px !important;
}

/* Mantém também o botão Categorias corrigido */
.menu.superior .nivel-um > li.todos-departamentos.com-filho > .nivel-dois {
    top: 100% !important;
    left: 0 !important;
    margin-top: -2px !important;
}