/* Páginas de leitura: termos e privacidade */
body{background:var(--ground);color:var(--ink)}
.topo-doc{background:var(--marinho);color:#fff;padding:0 24px}
.topo-doc .linha{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:12px;height:60px}
.topo-doc .marca{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.topo-doc a{margin-left:auto;color:rgba(255,255,255,.75);font-size:13px;font-weight:400}
.topo-doc a:hover{color:#fff}

.folha{max-width:820px;margin:0 auto;padding:32px 24px 72px}
.folha h1{font-size:26px;font-weight:600;letter-spacing:-.6px;line-height:1.25}
.folha .vigencia{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink3);
  font-weight:400;border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 12px;margin-top:14px}
.folha .abertura{font-size:14px;color:var(--ink2);font-weight:300;line-height:1.8;margin-top:18px}

.folha section{background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:24px 26px;margin-top:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.folha h2{font-size:15px;font-weight:600;letter-spacing:-.2px;display:flex;align-items:baseline;gap:10px}
.folha h2 .n{font-size:12px;font-weight:700;color:var(--brand);min-width:20px}
.folha h3{font-size:13.5px;font-weight:600;margin-top:18px}
.folha p{font-size:13.5px;color:var(--ink2);font-weight:300;line-height:1.85;margin-top:10px}
.folha p:first-of-type{margin-top:12px}
.folha b{font-weight:600;color:var(--ink)}
.folha ul{margin:12px 0 0 0;padding:0;list-style:none;display:grid;gap:9px}
.folha li{position:relative;padding-left:20px;font-size:13.5px;color:var(--ink2);font-weight:300;line-height:1.75}
.folha li::before{content:'';position:absolute;left:6px;top:10px;width:5px;height:5px;border-radius:50%;
  background:#C3D4EE}
.folha li b{color:var(--ink)}

.destaque{border-left:3px solid var(--brand);background:#F4F8FF;border-radius:0 10px 10px 0;
  padding:14px 16px;margin-top:14px}
.destaque p{margin:0;color:#28457A}
.preencher{background:#FEF5E7;border:1px dashed #E9C877;border-radius:8px;padding:2px 8px;
  font-size:13px;color:#8A5A11;font-weight:500}

.rodape-doc{max-width:820px;margin:0 auto;padding:0 24px 60px;font-size:12.5px;color:var(--ink3);
  font-weight:300;line-height:1.7;text-align:center}
.aviso-juridico{border:1px solid #F5DFB8;background:#FEF9EF;border-radius:12px;padding:16px 18px;
  margin-top:24px;font-size:13px;color:#8A5A11;font-weight:300;line-height:1.7}
.aviso-juridico b{color:#7A4E0A;font-weight:600}
@media(max-width:640px){
  .folha{padding:24px 16px 56px}
  .folha h1{font-size:22px}
  .folha section{padding:20px 18px}
}

/* seletor de idioma e marca no topo do documento */
.topo-doc .linha{max-width:820px;margin:0 auto;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--e4);height:60px}
.topo-doc .marca{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff}
.topo-doc a#outroDoc{color:rgba(255,255,255,.75);font-size:13px;font-weight:400;justify-self:end}
.topo-doc a#outroDoc:hover{color:#fff}
.idiomas-doc{display:grid;grid-auto-flow:column;gap:2px;justify-self:center;
  background:rgba(255,255,255,.1);border-radius:999px;padding:3px}
.idiomas-doc button{padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;
  color:rgba(255,255,255,.6);transition:.14s}
.idiomas-doc button:hover{color:#fff}
.idiomas-doc button.ativo{background:rgba(255,255,255,.16);color:#fff}
.rodape-doc a{color:var(--tinta-3)}
.rodape-doc a:hover{color:var(--tinta-2)}
@media(max-width:640px){
  .topo-doc .linha{grid-template-columns:auto minmax(0,1fr);height:auto;padding:var(--e3) 0;gap:var(--e2)}
  .topo-doc a#outroDoc{grid-column:1 / -1;justify-self:start}
  /* alvos de toque acima de 40px */
  .idiomas-doc button{padding:12px 14px}
  .topo-doc .marca,.topo-doc a#outroDoc{padding:11px 0}
  .rodape-doc a{display:inline-block;padding:12px 4px}
}