/* A página de Privacidade (site/raiz/privacidade/), no visual da agenda: as cores do site/agenda/tokens.css, letra do
   sistema (a CSP da página não deixa buscar fontes de fora). */
:root { --vermelho: #C3090A; --vermelho-escuro: #A00708; --tinta: #2A2A2A; --tinta-suave: #5E5E5E; --borda: #D9D4CC;
  --perigo-fundo: #FDE8E8; --perigo: #8E0607; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--tinta); background: #fff; }
.topo { background: var(--vermelho); padding: 12px 16px; }
.topo a { color: #fff; font-weight: 800; font-size: 18px; text-decoration: none; }
.folha { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 28px; margin: 8px 0 4px; }
h2 { font-size: 20px; margin: 28px 0 8px; }
a { color: var(--vermelho); }
.aviso { color: var(--tinta-suave); font-size: 14px; }
.botao { display: inline-block; border: 0; border-radius: 8px; padding: 10px 16px; font: inherit; font-weight: 700; cursor: pointer;
  background: var(--vermelho); color: #fff; text-decoration: none; }
.botao:hover { background: var(--vermelho-escuro); }
.botao.perigo { background: var(--perigo); }
.botao[disabled] { opacity: .6; cursor: default; }
.erro { background: var(--perigo-fundo); color: var(--perigo); padding: 8px 12px; border-radius: 8px; }
.erro[hidden] { display: none; }
.rodape { border-top: 1px solid var(--borda); color: var(--tinta-suave); font-size: 13px; text-align: center; padding: 16px; }