/* ============================================================================
 * Estilo das páginas legais (/termos e /privacidade).
 * ----------------------------------------------------------------------------
 * Arquivo separado, e não <style> inline, porque são DUAS páginas com o mesmo
 * visual — inline viraria duas cópias divergindo. É servido de 'self', então
 * passa na CSP do nginx.conf sem precisar de 'unsafe-inline'.
 *
 * Os tokens são os mesmos do index.html (marca #BC1F63, tema claro apenas).
 * Mudou lá, muda aqui.
 * ========================================================================== */

*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#ffffff;--bg2:#fdf2f8;--fg:#1a0d16;--muted:#6d5866;--line:#f3dce9;
  --brand:#BC1F63;--brand-fg:#fff;--card:#fff;
  --shadow:0 1px 2px rgba(26,13,22,.06),0 8px 24px rgba(188,31,99,.10);
  color-scheme:light;
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);
  font:400 17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  padding-bottom:env(safe-area-inset-bottom)}
img,svg{max-width:100%;display:block}
a{color:var(--brand)}
a:hover{opacity:.8}

.wrap{width:100%;max-width:820px;margin:0 auto;padding:0 20px}

/* header — mesma barra da home, para o usuário saber que não saiu do site */
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}
.brand{display:inline-flex;align-items:center;
  font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;font-size:26px;letter-spacing:-.5px;line-height:1;color:var(--brand);
  white-space:nowrap;text-decoration:none;transition:opacity .15s}
.brand:hover{opacity:.85}
.brand-dot{font-weight:400;opacity:.75}
@media(max-width:400px){.brand{font-size:22px}}
.voltar{font-size:15px;font-weight:700;color:var(--muted);text-decoration:none}
.voltar:hover{color:var(--brand)}

/* documento */
main{padding:44px 0 24px}
h1{font-size:clamp(28px,6.4vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.doc-meta{color:var(--muted);font-size:15px;margin:0 0 8px}
.doc-intro{color:var(--muted);font-size:17.5px;margin:18px 0 0}

h2{font-size:clamp(20px,4.4vw,25px);line-height:1.25;letter-spacing:-.015em;
  margin:44px 0 12px;scroll-margin-top:76px}
h3{font-size:18px;line-height:1.3;margin:26px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
li>ul,li>ol{margin-top:8px}
strong{font-weight:700}

hr{border:0;border-top:1px solid var(--line);margin:40px 0}

/* sumário */
.sumario{background:var(--bg2);border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;margin:32px 0 8px}
.sumario h2{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--brand);margin:0 0 12px}
.sumario ol{margin:0;padding-left:20px;font-size:16px}
.sumario li{margin-bottom:6px}
.sumario a{color:var(--fg);text-decoration:none}
.sumario a:hover{color:var(--brand);text-decoration:underline}

/* bloco de destaque — usado no ponto sensível (sessão do Telegram) */
.destaque{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);
  border-radius:14px;padding:20px 22px;margin:22px 0;box-shadow:var(--shadow)}
.destaque :last-child{margin-bottom:0}
.destaque h3{margin-top:0}

/* identificação do controlador */
.identidade{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;margin:24px 0;box-shadow:var(--shadow);font-size:16px}
.identidade dl{margin:0;display:grid;grid-template-columns:1fr;gap:4px 18px}
@media(min-width:600px){.identidade dl{grid-template-columns:auto 1fr}}
.identidade dt{color:var(--muted);font-size:14px}
.identidade dd{margin:0 0 10px;font-weight:600;word-break:break-word}
@media(min-width:600px){.identidade dd{margin-bottom:6px}}

/* tabelas (dados tratados, cookies) — rolam sozinhas, a página nunca */
.tabela{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15.5px;background:var(--card)}
th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
th{font-weight:700;background:var(--bg2);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}

footer{border-top:1px solid var(--line);padding:30px 0 44px;margin-top:48px;
  color:var(--muted);font-size:14.5px;text-align:center}
footer a{color:var(--muted)}
footer p{margin:0 0 6px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;margin:0 0 12px}
.footer-links a{font-weight:600}