/* ===========================
   FOOTER (ajustado)
   =========================== */

/* Estrutura global do body (garantia) */
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100svh;   /* ocupa a tela toda */
  overflow-x: hidden;   /* evita scroll lateral fantasma */
}

/* Footer padrão */
.site-footer {
  position: static;         /* não precisa fixed, o flex já cuida */
  flex: 0 0 auto;           /* ocupa só a altura do conteúdo */
  margin: 0;
  padding: 12px 16px;       /* padding reduzido */
  box-sizing: border-box;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  border-top: 1px solid rgba(255,255,255,.08);

  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
}

/* Dark/Light */
body.dark .site-footer {
  background: rgba(22,27,34,0.72);
  color: #e8eef5;
  border-color: rgba(255,255,255,.10);
}
body.light .site-footer {
  background: rgba(255,255,255,0.75);
  color: #1d2633;
  border-color: rgba(0,0,0,.06);
}

/* Links do footer */
.site-footer a {
  color: inherit;
  text-decoration: none;    /* remove sublinhado */
  transition: color .25s;
}
body.dark .site-footer a:hover { color: #6ec1ff; }
body.light .site-footer a:hover { color: #1677ff; }