/* =========================================================
   PÁGINAS LEGAIS
   /politica-de-privacidade · /termos-de-uso · /registro-de-incorporacao
   Documento de leitura: uma coluna estreita, hierarquia clara e nenhum
   elemento de conversão competindo com o texto.
   Mesma paleta e tipografia da landing, para o visitante não sentir que
   saiu do site ao clicar num link do rodapé.
   ========================================================= */
/* Estas páginas carregam o style.css antes desta folha, para reaproveitar o
   rodapé completo da landing. Por isso as variáveis daqui NÃO podem ir para
   o :root: o --bone do style.css é claro (texto sobre fundo escuro) e o
   rodapé depende disso. Redefini-lo globalmente apagaria o texto do rodapé.
   A paleta do documento fica escopada nos elementos do próprio documento. */
:root{
  --bg:      #FFFFFF;
  --ink-doc: #1A1C1A;
  --dim:     rgba(26,28,26,.66);
  --faint:   rgba(26,28,26,.14);

  /* medida de leitura do documento; --wrap e --pad do style.css seguem
     valendo para o rodapé, que precisa da largura da landing */
  --wrap-doc: 46rem;
  --pad-doc:  clamp(1.25rem,4vw,2rem);
}

*,*::before,*::after{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
  /* o índice leva a âncoras dentro da página: o padding desconta a barra
     fixa do topo para o título não parar escondido atrás dela */
  scroll-padding-top:5.5rem;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:var(--bg);
  color:var(--ink-doc);
  font-family:var(--f-body);
  font-weight:400;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* ---------- barra do topo ----------
   só a volta para a landing: numa página de documento o menu completo
   seria ruído, mas o caminho de volta é obrigatório */
.lg__bar{
  position:sticky; top:0; z-index:10;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--faint);
}
.lg__bar-in{
  max-width:calc(var(--wrap-doc) + var(--pad-doc) * 2);
  margin-inline:auto;
  padding:1rem var(--pad-doc);
}
.lg__back{
  display:inline-flex; align-items:center; gap:.55em;
  font-family:var(--f-mono);
  font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--dim); text-decoration:none;
  transition:color .35s var(--ease);
}
.lg__back:hover{ color:var(--brass); }
.lg__back svg{
  width:14px; height:14px; flex:none;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}

/* ---------- corpo do documento ---------- */
.lg{
  flex:1;
  max-width:calc(var(--wrap-doc) + var(--pad-doc) * 2);
  margin-inline:auto;
  padding:clamp(2.5rem,7vh,4.5rem) var(--pad-doc) clamp(3rem,8vh,5rem);
}

.lg__kicker{
  display:block;
  font-family:var(--f-mono);
  font-size:.68rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--brass);
  margin-bottom:.9rem;
}

.lg__h1{
  margin:0 0 .6rem;
  font-family:var(--f-disp); font-weight:400;
  font-size:clamp(1.9rem,5vw,3rem);
  line-height:1.1; letter-spacing:-.02em;
}

/* data de vigência: informação de controle, não de leitura */
.lg__meta{
  margin:0 0 clamp(2rem,5vh,3rem);
  padding-bottom:clamp(1.5rem,4vh,2.25rem);
  border-bottom:1px solid var(--faint);
  font-family:var(--f-mono);
  font-size:.72rem; letter-spacing:.04em;
  color:var(--dim);
}

/* ---------- índice ---------- */
.lg__toc{
  margin:0 0 clamp(2.25rem,6vh,3.5rem);
  padding:clamp(1.25rem,3vh,1.75rem) clamp(1.25rem,3vw,1.75rem);
  background:rgba(26,28,26,.025);
  border-left:2px solid var(--brass);
}
.lg__toc h2{
  margin:0 0 .85rem;
  font-family:var(--f-mono);
  font-size:.68rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--dim);
}
.lg__toc ol{
  margin:0; padding-left:1.2rem;
  display:flex; flex-direction:column; gap:.4rem;
  font-size:.92rem;
}
.lg__toc a{
  color:var(--ink-doc); text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .35s var(--ease), color .35s var(--ease);
}
.lg__toc a:hover{ color:var(--brass); border-bottom-color:var(--brass); }

/* ---------- seções ---------- */
.lg__s{ margin-bottom:clamp(2rem,5vh,3rem); }
.lg__s:last-child{ margin-bottom:0; }

.lg__h2{
  margin:0 0 .9rem;
  font-family:var(--f-disp); font-weight:400;
  font-size:clamp(1.25rem,2.8vw,1.6rem);
  line-height:1.25; letter-spacing:-.01em;
}
/* numeração automática: mantém o índice e o corpo sempre sincronizados,
   sem números escritos à mão que saem de ordem a cada edição */
.lg{ counter-reset:sec; }
.lg__h2::before{
  counter-increment:sec;
  content:counter(sec) ". ";
  color:var(--brass);
}

.lg__h3{
  margin:1.5rem 0 .6rem;
  font-family:var(--f-body); font-weight:600;
  font-size:.95rem; letter-spacing:.01em;
}

.lg p{
  margin:0 0 1rem;
  font-size:.95rem;
  color:var(--dim);
}
.lg p:last-child{ margin-bottom:0; }
.lg strong{ font-weight:600; color:var(--ink-doc); }

.lg ul{
  margin:0 0 1rem;
  padding-left:1.15rem;
  font-size:.95rem;
  color:var(--dim);
}
.lg li{ margin-bottom:.5rem; }
.lg li::marker{ color:var(--brass); }

.lg a{ color:var(--ink-doc); text-decoration:underline; text-underline-offset:.2em; }
.lg a:hover{ color:var(--brass); }

/* ---------- destaque de dado ----------
   usado no registro de incorporação: o número precisa saltar do corpo */
.lg__dado{
  margin:0 0 clamp(1.5rem,4vh,2.25rem);
  padding:clamp(1.1rem,3vh,1.5rem) clamp(1.25rem,3vw,1.6rem);
  background:rgba(176,141,87,.07);
  border:1px solid rgba(176,141,87,.28);
}
.lg__dado-l{
  display:block;
  font-family:var(--f-mono);
  font-size:.66rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--brass);
  margin-bottom:.5rem;
}
.lg__dado-v{
  margin:0;
  font-family:var(--f-disp);
  font-size:clamp(1.4rem,3.5vw,1.9rem);
  line-height:1.15; letter-spacing:.01em;
  color:var(--ink-doc);
}

/* pendências de preenchimento: some do texto corrido, mas fica impossível
   de publicar sem ver. Remover junto com o dado real. */
.lg__todo{
  background:#FFF3CD;
  border-bottom:1px dashed #B8860B;
  color:#7A5C00;
  font-family:var(--f-mono);
  font-size:.85em;
  padding:.1em .35em;
}

/* ---------- rodapé ----------
   é o mesmo .ft da landing, vindo do style.css. Dois ajustes são
   necessários porque aqui ele não encosta numa seção escura:

   1. na landing o rodapé sobe sobre a seção de contato pela altura da onda
      (margin-top negativa). Aqui acima dele há o documento branco, e essa
      subida faria a onda comer o fim do texto — então a margem é zerada e
      a onda passa a se apoiar no branco da página;
   2. o conteúdo do rodapé usa --bone (claro) sobre o navy. Como o
      legal.css não redefine essa variável, ela continua vindo do
      style.css e o contraste do rodapé se mantém intacto. */
.ft{
  margin-top:0;
  /* a página é flex em coluna: o rodapé não deve esticar */
  flex:none;
}
/* a onda desenha o navy sobre o branco do documento */
.ft__wave path{ fill:#0E1A2B; }

/* a seta do rodapé aponta para o topo do documento, não para um #hero */
.ft__top{ scroll-behavior:smooth; }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
}