/* Garantir que todo o texto dentro do rodapé tenha cor visível */
#rodape, 
#rodape p, 
#rodape span, 
#rodape ul, 
#rodape li, 
#rodape a {
  color: #333333; /* Cor padrão (cinza escuro) */
}

/* Estilo para os títulos do rodapé */
#rodape .titulo {
  font-size: 16px; /* Tamanho do texto */
  font-weight: bold; /* Negrito para destaque */
  color: #000000; /* Preto para maior contraste */
  text-transform: uppercase; /* Transformar texto em maiúsculas */
  margin-bottom: 10px; /* Espaçamento inferior */
  text-align: left; /* Alinhamento uniforme */
}

/* Estilo adicional para parágrafos */
#rodape p {
  margin: 10px 0; /* Espaçamento superior e inferior */
  line-height: 1.5; /* Melhor legibilidade */
}

/* Estilo para listas */
#rodape ul {
  list-style-type: none; /* Remove marcadores padrão */
  padding: 0; /* Remove padding interno */
}

#rodape ul li {
  margin-bottom: 5px; /* Espaçamento entre os itens da lista */
}

/* Links dentro do rodapé */
#rodape a {
  color: #007bff; /* Azul padrão */
  text-decoration: none; /* Remover sublinhado */
  transition: color 0.3s; /* Suavizar a transição de cor */
}

#rodape a:hover {
  color: #0056b3; /* Azul mais escuro ao passar o mouse */
  text-decoration: underline; /* Adicionar sublinhado no hover */
}

/* Responsividade: Ajustar elementos do rodapé em telas pequenas */
@media (max-width: 768px) {
  #rodape .titulo {
    text-align: center; /* Centralizar títulos em telas pequenas */
  }

  #rodape ul {
    text-align: center; /* Centralizar listas em telas pequenas */
  }
}