/* Cor do texto no cabeçalho */
#cabecalho .conteudo-topo, #cabecalho .menu.superior .titulo {
    color: #00bfff;
}
/* Cor dos links do menu superior */
#cabecalho .menu.superior .nivel-um > li > a {
    color: #ff8c00;
    font-weight: bold;
}
.listagem .nome-produto {
    color: #ffffff;
    font-weight: bold;
}
.listagem .preco-produto {
    color: #ffffff; /* Exemplo verde */
    font-weight: bold;
}
body, a {
    color: #ff8c00; /* Cor padrão de texto */
    font-weight: bold;
}
/* 1. Mudar o fundo e a cor geral do texto do rodapé */
#rodape {
    background-color: #9eaab8; /* Cor do fundo */
    color: #9eaab8; /* Cor do texto */
    font-family: Arial, sans-serif; /* Fonte */
}

/* 2. Mudar a cor e tamanho dos títulos (Categorias, Institucional) */
#rodape .titulo {
    color: #ff8c00; /* Cor do título */
    font-size: 18px; /* Tamanho da fonte */
    font-weight: bold;
    border-bottom: 0 none; /* Remove borda inferior se houver */
}

/* 3. Mudar a cor dos links e itens da lista */
#rodape li a {
    color: #ffffff !important; /* Cor do link */
    font-size: 14px;
}

/* 4. Efeito hover (mudar cor ao passar o mouse) */
#rodape li a:hover {
    color: #ff8c00 !important;
    text-decoration: underline;
}

/* 5. Mudar o fundo da seção de pagamento e selos */
#rodape .pagamento-selos {
    background-color: #f0f0f0;
}

/* 6. Ajustar a cor do texto da Newsletter */
#rodape .newsletter .texto-newsletter {
    color: #ffffff !important;
}
/* Remover “listra branca” do rodapé */
#rodape .institucional, #rodape .pagamento-selos, #rodape .redes-sociais {
background-image: url();
}