/* ═══════════════════════════════════════════════════════════
   SGF · RODAPÉ — folha única para todas as páginas
   Escopado em footer.site-footer para vencer as regras `footer {}`
   que ainda existam nas páginas, independentemente da ordem.
   Os tokens têm fallback, então funciona mesmo onde a página não
   declara todas as variáveis.
   ═══════════════════════════════════════════════════════════ */

footer.site-footer {
  --f-ink:   var(--ink, #1A1612);
  --f-terra: var(--terra, #C05A35);
  --f-ui:    var(--ui, var(--sans, 'Outfit', system-ui, sans-serif));
  --f-serif: var(--serif, var(--display, 'Source Serif 4', Georgia, serif));

  box-sizing: border-box;
  background: var(--f-ink);
  padding: 36px 56px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
}
footer.site-footer * { box-sizing: border-box; }

footer.site-footer .f-logo {
  font-family: var(--f-serif); font-size: 16px; color: rgba(255,255,255,0.6);
}
footer.site-footer .f-logo em { font-style: italic; color: var(--f-terra); }

footer.site-footer .f-copy {
  font-family: var(--f-ui); font-size: 12.5px; line-height: 1.7;
  color: rgba(255,255,255,0.3); max-width: 52ch;
}
footer.site-footer .f-copy a {
  color: rgba(255,255,255,0.3); text-decoration: none; transition: color 0.2s;
}
footer.site-footer .f-copy a:hover { color: var(--f-terra); }

footer.site-footer .f-links { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
footer.site-footer .f-links li { list-style: none; }
footer.site-footer .f-links a {
  font-family: var(--f-ui); font-size: 12.5px; color: rgba(255,255,255,0.35);
  text-decoration: none; transition: color 0.2s;
}
footer.site-footer .f-links a:hover { color: var(--f-terra); }

@media (max-width: 960px) {
  footer.site-footer {
    flex-direction: column; align-items: center; text-align: center;
    gap: 16px; padding: 32px 24px;
  }
  footer.site-footer .f-copy { max-width: none; }
  footer.site-footer .f-links { flex-wrap: wrap; justify-content: center; gap: 18px; }
}

@media (max-width: 420px) {
  footer.site-footer { padding: 28px 18px; }
}

@media print {
  footer.site-footer { display: none !important; }
}