/* FullAdv — folha das páginas de documento (privacidade e termos).
   Texto de lei já é difícil; a tipografia não precisa piorar. Coluna estreita, muito respiro. */

:root{
  --navy:#080F1C; --navy-2:#0E1829; --navy-3:#152137; --linha:#1E2B45;
  --texto:#E8EDF6; --fraco:#93A0B8; --gold:#D8B143; --gold-claro:#F4E3AE;
  --ok:#6FCF97;
  --fonte:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  --titulo:"Archivo",Impact,system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}

body{margin:0;background:var(--navy);color:var(--texto);
  font:16.5px/1.75 var(--fonte);-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--gold-claro)}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 18px}}

header{position:sticky;top:0;z-index:20;background:rgba(8,15,28,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
header .wrap{display:flex;align-items:center;justify-content:space-between;
  height:72px;gap:16px;max-width:1180px}
header img{height:38px;display:block}
header nav{display:flex;gap:26px;font-size:14px}
header nav a{color:var(--fraco);text-decoration:none}
header nav a:hover{color:var(--gold)}
@media(max-width:600px){header .wrap{height:62px}header img{height:32px}header nav{gap:16px;font-size:13px}}

.capa{padding:56px 0 34px;border-bottom:1px solid var(--linha);margin-bottom:44px}
.capa .olho{display:block;font:600 11.5px var(--fonte);letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.capa h1{font-family:var(--titulo);font-size:clamp(28px,4.6vw,42px);font-weight:800;
  text-transform:uppercase;letter-spacing:.005em;line-height:1.08;margin:0 0 16px;text-wrap:balance}
.capa .data{color:var(--fraco);font-size:14px;margin:0}

/* O quadro de resumo é o que a maioria vai ler de verdade. */
.resumo{background:var(--navy-2);border:1px solid var(--linha);border-left:3px solid var(--gold);
  border-radius:12px;padding:26px 28px;margin:0 0 48px}
.resumo h2{font-family:var(--titulo);font-size:15px;font-weight:700;text-transform:uppercase;
  letter-spacing:.09em;color:var(--gold);margin:0 0 16px}
.resumo ul{margin:0;padding:0;list-style:none}
.resumo li{padding:7px 0 7px 26px;position:relative;font-size:15.5px;color:var(--texto)}
.resumo li::before{content:"—";position:absolute;left:0;color:var(--gold);font-weight:700}
@media(max-width:600px){.resumo{padding:22px 20px}}

main h2{font-family:var(--titulo);font-size:clamp(19px,2.6vw,23px);font-weight:700;
  line-height:1.2;margin:52px 0 16px;scroll-margin-top:90px;text-wrap:balance}
main h2:first-of-type{margin-top:0}
main h3{font-family:var(--titulo);font-size:16.5px;font-weight:600;margin:32px 0 10px}
main p{margin:0 0 18px;color:#D3DBE9}
main ul,main ol{margin:0 0 18px;padding-left:22px;color:#D3DBE9}
main li{margin-bottom:9px}
main li::marker{color:var(--gold)}
strong{color:var(--texto);font-weight:600}

.numerado{counter-reset:secao}
.numerado > h2{counter-increment:secao}
.numerado > h2::before{content:counter(secao) ". ";color:var(--gold)}

table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14.5px}
.rolagem{overflow-x:auto;margin-bottom:22px}
.rolagem table{margin-bottom:0;min-width:520px}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font:600 11.5px var(--fonte);letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);border-bottom-color:var(--linha)}
td{color:#D3DBE9}
tr:last-child td{border-bottom:0}

.aviso{background:var(--navy-2);border:1px dashed var(--linha);border-radius:12px;
  padding:20px 22px;margin:0 0 22px}
.aviso p:last-child{margin-bottom:0}
.aviso strong{color:var(--gold)}

.contato{background:var(--navy-2);border:1px solid var(--linha);border-radius:14px;
  padding:28px;margin:52px 0 0}
.contato h2{margin-top:0}
.contato p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--linha);margin-top:72px;padding:34px 0 48px;
  color:var(--fraco);font-size:13px;line-height:1.7}
footer .wrap{max-width:1180px}
.rodape-links{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:20px}
.rodape-links a{color:var(--fraco);text-decoration:none}
.rodape-links a:hover{color:var(--gold)}