/* Páginas de texto: política de privacidade, proteção de dados.
   Compartilhado pelas duas — mudar aqui muda nas duas. */
:root{
  --ink:#0B1533; --text:#111A33; --muted:#5B6B8C; --azul:#1A4FC4;
  --verde:#2ECC5A; --bg:#F4F6FC; --card:#FFFFFF; --line:#E3E9F8;
}
*,*::before,*::after{ box-sizing:border-box }
html{ color-scheme:light }
body{ margin:0; background:var(--bg); color:var(--text);
      font:400 16px/1.7 'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
      -webkit-font-smoothing:antialiased }
img{ max-width:100% }

.wrap{ width:min(720px, 100% - 32px); margin-inline:auto }

.mark{ font-weight:800; font-size:23px; letter-spacing:-.045em; color:var(--ink);
       text-decoration:none; display:inline-flex; align-items:baseline }
.mark .dot{ width:.23em; height:.23em; border-radius:50%; background:var(--verde);
            margin-left:.09em; display:inline-block }
.mark.light{ color:#fff }

.topo{ background:var(--card); border-bottom:1px solid var(--line); padding:16px 0 }
.topo .wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px }
.topo a.volta{ color:var(--azul); font-weight:700; font-size:14.5px; text-decoration:none }
.topo a.volta:hover{ text-decoration:underline }

main{ padding:52px 0 40px }
h1{ font-size:clamp(28px,5vw,40px); line-height:1.14; letter-spacing:-.035em;
    font-weight:800; margin:0 0 10px }
.data{ color:var(--muted); font-size:14.5px; margin:0 0 34px }
h2{ font-size:21px; letter-spacing:-.025em; font-weight:800; margin:38px 0 12px }
h3{ font-size:17px; font-weight:700; margin:24px 0 8px }
p{ margin:0 0 16px }
ul{ margin:0 0 18px; padding-left:22px }
li{ margin-bottom:8px }
a{ color:var(--azul) }
strong{ font-weight:700 }

.cx{ background:var(--card); border-radius:16px; padding:24px 26px;
     box-shadow:0 0 0 1px var(--line) inset; margin:26px 0 }
.cx p:last-child{ margin-bottom:0 }
.destaque{ background:#EAF4EC; box-shadow:0 0 0 1px #CBE6D3 inset }

table{ width:100%; border-collapse:collapse; margin:0 0 22px; font-size:15px }
th,td{ text-align:left; padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top }
th{ font-weight:700; background:#EDF2FC }

.rodape{ background:var(--ink); color:#A9BADB; padding:34px 0 30px; font-size:14px; margin-top:52px }
.rodape .wrap{ display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; align-items:center }
.rodape a{ color:#A9BADB }

@media (max-width:560px){
  main{ padding-top:34px }
  .cx{ padding:20px }
  table{ font-size:14px }
  th,td{ padding:9px 8px }
}