/* ==========================================================================
   COMPONENTS / FOOTER
   Rodapé completo (logo + links de política + redes sociais + copyright) —
   usado pela landing e pelas 2 páginas legais. A página link-bio tem um
   rodapé minimalista próprio (.link-bio__footer, só copyright), que não
   reaproveita este componente — fica em pages/link-bio.css.
   ========================================================================== */
.site-footer {
  padding-block: 40px; /* fixo em qualquer tela — sobrescreve a escala responsiva do .section (64→80→96px) */
}

.site-footer__content {
  max-width: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.site-footer__logo {
  width: 100%;
  height: 30px;
}

.site-footer__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.site-footer__policy-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.site-footer__policy-links a {
  color: var(--icon-white);
  font-size: 16px; /* <a> não é <p>/<li>, não herda a escala global — replica aqui */
  text-decoration: none;
}

@media (min-width: 1024px) {
  .site-footer__policy-links a {
    font-size: 18px;
  }
}

.site-footer__policy-links a:hover {
  text-decoration: underline;
}

.site-footer__social {
  display: flex;
  align-items: center;
  gap: 3px;
}

.site-footer__social a {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}

.site-footer__social img {
  width: 100%;
  height: 100%;
}

.site-footer__copyright {
  color: var(--icon-white);
  font-size: 12px; /* letra miúda intencional — escala um pouco em telas grandes, mas continua menor que o corpo de texto */
  text-align: center;
}

@media (min-width: 1024px) {
  .site-footer__copyright {
    font-size: 14px;
  }
}