/* ═══════════════════════════════════════════════════════════════════════
   PÁGINAS LEGAIS · Nikola Zatkova
   Subconjunto do design system 250 Broadway, suficiente para texto longo.
   Partilhado pela privacidade.html e pela termos.html.
   ═══════════════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --navy:#001938;      --navy-lt:#0B2A4E;
  --brown:#3F1F12;     --terra:#CD7760;   --terra-dk:#B35F47;
  --taupe:#9E806E;     --sand:#F1EAE1;    --sand-dk:#E5DACB;
  --grey:#E3E3E3;      --grey-lt:#EBEBED; --white:#FFFFFF;
  --ink:#16181C;       --body:#3C3C3C;    --mid:#7A7A7A;
  --line:rgba(63,31,18,.24);
  --line-lt:rgba(63,31,18,.12);
  --line-w:rgba(255,255,255,.24);
  --nav-h:78px;
  --pad:clamp(18px,4vw,68px);
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--white);color:var(--body);
  font-size:15px;line-height:1.55;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--sand)}
::-webkit-scrollbar-thumb{background:var(--brown)}
::selection{background:var(--terra);color:#fff}

.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--mid)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--navy);color:#fff;padding:12px 20px;font-size:13px}
.skip-link:focus{left:0}

/* ─── NAV ─── */
#nav{
  position:sticky;top:0;z-index:200;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 var(--pad);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-lt);color:var(--ink);
}
.nav-brand{display:flex;align-items:center;gap:10px;flex:none}
.nav-brand img{height:46px;width:auto;flex:none}
.nav-brand .bsub{font-size:12px;letter-spacing:.16em;font-weight:500;text-transform:uppercase;opacity:.8;white-space:nowrap}
.nav-right{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1px solid var(--ink);border-radius:2px;overflow:hidden}
.lang-btn{font-size:11px;letter-spacing:.1em;padding:7px 10px;color:var(--ink);opacity:.62;transition:.25s}
.lang-btn:hover{opacity:1}
.lang-btn.active{background:var(--ink);color:#fff;opacity:1}
.nav-back{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;
  padding:12px 20px;border:1px solid var(--line);border-radius:2px;transition:.3s;white-space:nowrap}
.nav-back:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:640px){
  .nav-brand .bsub{display:none}
  .nav-back{display:none}
  #nav{--nav-h:56px}
  .nav-brand img{height:34px}
}

/* ─── CABEÇALHO ─── */
.legal-head{padding:clamp(44px,7vw,104px) var(--pad) clamp(26px,3.4vw,46px);
  max-width:1080px;margin:0 auto;text-align:center}
.legal-title{font-family:'EB Garamond',Georgia,serif;font-weight:400;
  font-size:clamp(34px,5.4vw,74px);line-height:1.05;letter-spacing:-.02em;
  color:var(--ink);margin-top:14px}
.legal-title em{font-style:italic}
.legal-updated{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);
  margin-top:18px;padding-top:18px;border-top:1px solid var(--line-lt);display:inline-block}

/* ─── CORPO ─── */
.legal-body{max-width:840px;margin:0 auto;padding:0 var(--pad) clamp(52px,8vw,120px)}
.legal-intro{font-size:clamp(14px,1.05vw,16.5px);line-height:1.75;color:var(--body);
  padding-bottom:clamp(26px,3.4vw,44px);border-bottom:1px solid var(--line-lt)}
.legal-block{padding:clamp(26px,3.4vw,44px) 0;border-bottom:1px solid var(--line-lt)}
.legal-block:last-child{border-bottom:0}
.legal-block h2{font-family:'EB Garamond',Georgia,serif;font-weight:400;
  font-size:clamp(21px,2.4vw,32px);line-height:1.18;letter-spacing:-.015em;color:var(--ink)}
.legal-block h2 .n{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;
  letter-spacing:.16em;color:var(--terra);display:block;margin-bottom:12px}
.legal-block h3{font-size:14px;font-weight:600;color:var(--ink);margin-top:22px;letter-spacing:-.01em}
.legal-block p{font-size:14px;line-height:1.78;color:var(--body);margin-top:14px}
.legal-block ul{margin:14px 0 0 0;padding-left:20px}
.legal-block li{font-size:14px;line-height:1.78;color:var(--body);margin-top:8px}
.legal-block a{color:var(--terra);border-bottom:1px solid rgba(205,119,96,.4);transition:.25s}
.legal-block a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.legal-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;
  background:var(--grey-lt);padding:2px 6px;border-radius:2px;color:var(--ink)}
.legal-block strong{color:var(--ink);font-weight:600}

/* destaque */
.legal-nota{background:var(--sand);padding:clamp(20px,2.4vw,30px);margin-top:20px;
  border-left:2px solid var(--terra)}
.legal-nota p{margin-top:0}
.legal-nota p+p{margin-top:12px}

/* ─── TABELAS ─── */
.legal-tabela{margin-top:20px;overflow-x:auto;border:1px solid var(--line-lt)}
.legal-tabela table{border-collapse:collapse;width:100%;min-width:540px}
.legal-tabela th,.legal-tabela td{text-align:left;vertical-align:top;
  padding:13px 15px;border-bottom:1px solid var(--line-lt);font-size:13px;line-height:1.6}
.legal-tabela th{background:var(--sand);color:var(--ink);font-weight:600;
  font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.legal-tabela tbody tr:last-child td{border-bottom:0}
.legal-tabela td code{white-space:nowrap}

/* ─── BLOCOS DE IDIOMA ─── */
[data-lang-block]{display:none}
[data-lang-block].ativo{display:block}

/* ─── RODAPÉ ─── */
.foot{background:var(--navy);color:#fff;padding:clamp(34px,4.4vw,58px) var(--pad) 0}
.foot-in{max-width:1320px;margin:0 auto}
.foot-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,2vw,32px)}
.foot-menu a,.foot-menu button{font-family:'EB Garamond',Georgia,serif;
  font-size:clamp(14px,1.3vw,19px);opacity:.82;transition:.3s;border-bottom:1px solid transparent}
.foot-menu a:hover,.foot-menu button:hover{opacity:1;border-bottom-color:var(--terra)}
.foot-bottom{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  text-align:center;margin-top:clamp(28px,3.4vw,44px);padding:20px 0;
  border-top:1px solid var(--line-w);font-size:10.5px;letter-spacing:.04em;color:rgba(255,255,255,.55)}
.foot-bottom a:hover{color:#fff}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;transition-duration:.001s!important}
}