/* Rodapé em texto simples e caixas de Termos/Privacidade. */
.rodape { padding: 36px 0 calc(36px + env(safe-area-inset-bottom)); font-size: 13px; color: var(--apagado); }
.rodape .marca { display: flex; align-items: center; gap: 8px; font-family: var(--fonte-titulo); font-weight: 800; font-size: 16px; color: var(--marinho); }
.rodape .marca img { width: 28px; height: 28px; }
.rodape p { margin-top: 8px; }
.rodape nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px; }
.rodape nav a { color: var(--texto); text-decoration: underline; text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.rodape .atribuicao { margin-top: 14px; font-size: 12px; }

dialog.caixa {
  width: min(92vw, 620px); max-height: 85dvh; border: 0; border-radius: 20px; padding: 0;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
}
dialog.caixa::backdrop { background: rgba(0, 0, 0, .45); }
.caixa-conteudo { padding: 24px; font-size: 15px; color: #4a4a4f; }
.caixa-conteudo h2 { font-size: 22px; color: var(--texto); margin-bottom: 12px; }
.caixa-conteudo h3 { font-size: 16px; color: var(--texto); margin: 18px 0 6px; }
.caixa-conteudo p + p { margin-top: 10px; }
.caixa-conteudo .botao { margin-top: 20px; width: 100%; min-width: 0; }