/* ============================================================
    Estilo do Rodapé (footer.css)
    ============================================================ */

/* Estilo do Rodapé (Copyright) */
.site-footer {
  background-color: var(--bg-2) !important; /* Usa variável bg-2 */
  border-top: 1px solid var(--principal); /* Borda superior estilizada */
  color: #ffffff !important;
  padding: 1.5rem 0;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 100;
  margin-top: auto; /* Empurra o rodapé para o fundo em layouts flex */
}