/* ═══════════════════════════════════════════════════════════════
   legal.css — folha compartilhada das páginas legais
   (privacidade.html + termos.html)

   Herda o brandkit da landing: Void #0A0613, dourado D8B46A,
   Cormorant nos títulos, Jost no corpo, selo ✦.
   Enxuta de propósito: página legal é pra ser LIDA, não pra
   converter. Sem céu animado, sem pixel, sem peso.
   ═══════════════════════════════════════════════════════════════ */

/* Fontes do próprio domínio (07/08) — mesmas variáveis da landing.
   Caminho relativo a este .css, que fica na raiz de pagina/. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/cormorant-garamond.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url(fonts/cormorant-garamond-italic.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/jost.woff2) format('woff2')}

*{margin:0;padding:0;box-sizing:border-box}

:root{
  --void:#0A0613;
  --void2:#120A22;
  --gold:#D8B46A;
  --gold-bright:#F1D99E;
  --ink:#EFE7F6;
  --muted:#B6A6C9;
  --muted2:#8F7FA6;
  --line-soft:rgba(216,180,106,.14);
  --grad-text-gold:linear-gradient(135deg,#F1D99E 0%,#D8B46A 48%,#F1D99E 100%);
  --pad:20px;
}

html{-webkit-text-size-adjust:100%}

body{
  font-family:'Jost',system-ui,-apple-system,sans-serif;
  font-weight:300;
  font-size:16px;
  line-height:1.68;
  color:var(--ink);
  background:
    radial-gradient(ellipse 70% 45% at 50% 0%,rgba(61,22,72,.34),transparent 62%),
    var(--void);
  background-attachment:fixed;
  padding:0 var(--pad) 64px;
}

.wrap{max-width:680px;margin:0 auto}

/* ─── cabeçalho ─── */
header{padding:52px 0 34px;text-align:center;border-bottom:1px solid var(--line-soft)}
header::before{
  content:"✦";display:block;color:var(--gold);font-size:19px;
  margin-bottom:16px;text-shadow:0 0 18px rgba(216,180,106,.5);
}
.marca{
  font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:.06em;
  background:var(--grad-text-gold);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
header .sub{font-size:13px;color:var(--muted2);margin-top:6px;letter-spacing:.04em}

/* ─── tipografia ─── */
h1{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;font-size:34px;line-height:1.2;
  margin:38px 0 8px;
  background:var(--grad-text-gold);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;font-size:23px;line-height:1.28;
  color:var(--gold-bright);
  margin:38px 0 12px;
}
h3{font-size:16px;font-weight:600;color:var(--ink);margin:22px 0 8px}

p{margin-bottom:14px;color:var(--muted)}
strong{color:var(--ink);font-weight:500}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line-soft)}
a:hover{color:var(--gold-bright)}

ul{margin:0 0 16px 20px}
li{margin-bottom:8px;color:var(--muted)}
li::marker{color:var(--gold)}

.vigencia{font-size:13.5px;color:var(--muted2);margin-bottom:30px}

/* ─── tabela (dados / finalidades) ─── */
.tabela{width:100%;overflow-x:auto;margin:0 0 20px}
table{border-collapse:collapse;width:100%;min-width:460px;font-size:14.5px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}
th{color:var(--gold);font-weight:500;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
td{color:var(--muted)}

/* ─── caixa de destaque (identificação / avisos) ─── */
.box{
  background:rgba(18,10,34,.72);
  border:1px solid var(--line-soft);
  border-radius:10px;
  padding:20px 22px;
  margin:22px 0;
}
.box p:last-child{margin-bottom:0}

/* ─── rodapé ─── */
footer{
  margin-top:56px;padding-top:30px;
  border-top:1px solid var(--line-soft);
  text-align:center;
}
footer p{font-size:12.5px;color:var(--muted2);opacity:.78;line-height:1.6}
.voltar{display:inline-block;margin-top:18px;font-size:14px}

@media(min-width:760px){
  :root{--pad:32px}
  body{font-size:16.5px}
  h1{font-size:40px}
}