/* Ajustes globais (carregado em todas as páginas, depois dos outros CSS). */

/* Rodapé: linha final com © e links da Política de Privacidade e Termos de Uso */
.sock-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px; margin-top: var(--s8); }
.sock-bottom .sock-legal { margin-top: 0; }
.sock-docs { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.sock-docs a { font-size: var(--fs-small); color: rgba(240, 254, 220, .6); text-decoration: none; transition: color var(--d-quick) var(--e-expo); }
.sock-docs a:hover, .sock-docs a[aria-current="page"] { color: var(--yvo-yellow-green); }
@media (max-width: 767px) {
  .sock-bottom { flex-direction: column; align-items: flex-start; }
}