/* 1. ESTILO GERAL DO RODAPÉ */
/* O seletor 'footer', '#colophon' ou '.site-footer' é comum, usei o mais genérico e o que parece ser seu caso (com base na imagem) */
.site-footer, footer#colophon {
    background-color: #1A1A1A !important; /* Fundo Preto Elegante (para a seção inteira) */
    color: #F8F8F8; /* Cor do texto padrão (Bege Nata/quase branco) */
    padding: 40px 0; /* Adiciona um respiro no rodapé */
}

/* 2. ESTILO DOS TÍTULOS DO RODAPÉ (INSTITUCIONAL, ATENDIMENTO) */
.site-footer .widget-title, footer#colophon h3, footer#colophon h4 {
    color: #FFC72C !important; /* Amarelo Mel Vibrante para os Títulos de Seção */
    font-weight: bold;
    border-bottom: 2px solid #FFC72C; /* Adiciona um sublinhado sutil Amarelo Mel */
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* 3. ESTILO DOS LINKS (CONTATO, PARCEIROS, CIDADES, TELEFONES) */
.site-footer a, footer#colophon a {
    color: #FFC72C !important; /* Amarelo Mel Vibrante para os links de navegação e contato */
    text-decoration: none; /* Remove o sublinhado padrão dos links */
    font-weight: 500;
}

/* 4. ESTILO HOVER (AO PASSAR O MOUSE) PARA LINKS */
.site-footer a:hover, footer#colophon a:hover {
    color: #FFF3CE !important; /* Um amarelo mais claro ao passar o mouse */
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse para indicar interatividade */
}

/* 5. ESTILO PARA TEXTO NORMAL (Horários, Endereço, etc.) */
.site-footer p, .site-footer .textwidget, .site-footer .custom-html-widget {
    color: #F8F8F8; /* Mantém o texto comum em Bege Nata para boa legibilidade */
    line-height: 1.6;
}