/* ══════════════════════════════════════════════════════════════
   _legal.css — termos de uso e política de privacidade

   Documento longo lido por obrigação, não por vontade. O trabalho aqui é
   reduzir o atrito: coluna estreita, âncoras que funcionam, e um resumo em
   linguagem direta antes de cada bloco jurídico.

   O resumo NÃO substitui a cláusula e o documento diz isso — mas é o que faz
   alguém entender o que assinou em vez de rolar até o botão.
   ══════════════════════════════════════════════════════════════ */

body.legal{
  background:var(--off-white);
  color:var(--gray-body);
  font-family:var(--font-corpo);
  font-size:15px;
  line-height:1.7;
  margin:0;
}

.lg-env{max-width:1080px;margin:0 auto;padding:0 var(--sp-5) var(--sp-20)}

/* ── topo ── */
.lg-capa{padding:var(--sp-16) 0 var(--sp-10);border-bottom:1px solid var(--border)}
.lg-volta{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;
  color:var(--gray-texto);text-decoration:none;margin-bottom:var(--sp-8)}
.lg-volta:hover{color:var(--nucleo-laranja)}
.lg-volta::before{content:"←"}
.lg-capa h1{font-family:var(--font-voz);font-weight:600;
  font-size:clamp(1.9rem,4.5vw,2.75rem);line-height:1.08;letter-spacing:-.02em;
  color:var(--preto);margin:0 0 var(--sp-3);max-width:20ch}
.lg-data{font-size:.8125rem;color:var(--gray-deco);margin:0}
.lg-abre{margin:var(--sp-6) 0 0;max-width:64ch;font-size:1rem;color:var(--gray-body)}

/* ── layout de duas colunas: índice fixo + conteúdo ── */
.lg-corpo{display:grid;grid-template-columns:210px 1fr;gap:var(--sp-12);
  padding-top:var(--sp-10);align-items:start}

.lg-indice{position:sticky;top:var(--sp-8);font-size:.8125rem}
.lg-indice p{font-family:var(--font-dado,var(--font-corpo));font-size:.6875rem;
  letter-spacing:.07em;text-transform:uppercase;color:var(--gray-deco);
  margin:0 0 var(--sp-3)}
.lg-indice ol{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:2px;counter-reset:sec}
.lg-indice a{display:block;padding:5px 9px;border-radius:7px;color:var(--gray-texto);
  text-decoration:none;line-height:1.35;counter-increment:sec}
.lg-indice a::before{content:counter(sec) ". ";color:var(--gray-deco)}
.lg-indice a:hover{background:var(--cream);color:var(--preto)}

.lg-texto{max-width:68ch;min-width:0}

/* ── seções ── */
.lg-sec{scroll-margin-top:var(--sp-8);padding-bottom:var(--sp-10)}
.lg-sec h2{font-family:var(--font-voz);font-weight:600;font-size:1.3rem;
  color:var(--preto);letter-spacing:-.01em;margin:0 0 var(--sp-4);
  padding-top:var(--sp-6);border-top:1px solid var(--border)}
.lg-sec:first-child h2{border-top:0;padding-top:0}
.lg-sec h3{font-size:.9375rem;font-weight:600;color:var(--preto);
  margin:var(--sp-6) 0 var(--sp-2)}
.lg-sec p{margin:0 0 var(--sp-4)}
.lg-sec ul{margin:0 0 var(--sp-4);padding-left:var(--sp-5)}
.lg-sec li{margin-bottom:7px}
.lg-sec a{color:#B4471F;text-decoration:underline;text-underline-offset:2px}
.lg-sec strong{color:var(--preto);font-weight:600}

/* ── resumo em linguagem direta ──
   Fundo quente e barra lateral: lê como nota do autor, não como cláusula. */
.lg-resumo{background:#FFF6F1;border-left:3px solid var(--nucleo-laranja);
  border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 var(--sp-5);
  font-size:.9375rem;color:#7A3512}
.lg-resumo b{color:#5C2708}

/* ── caixa de destaque para o que mais importa ── */
.lg-nota{background:#FFF;border:1px solid var(--border);border-radius:12px;
  padding:18px 20px;margin:0 0 var(--sp-5)}
.lg-nota h3{margin-top:0}

/* ── dados da empresa ── */
.lg-empresa{background:var(--cream);border-radius:12px;padding:20px 22px;
  font-size:.9375rem;line-height:1.65}
.lg-empresa b{color:var(--preto)}

/* ── rodapé ── */
.lg-fim{margin-top:var(--sp-12);padding-top:var(--sp-6);
  border-top:1px solid var(--border);font-size:.8125rem;color:var(--gray-deco);
  display:flex;flex-wrap:wrap;gap:6px var(--sp-6)}
.lg-fim a{color:var(--gray-texto)}

@media (max-width:860px){
  .lg-corpo{grid-template-columns:1fr;gap:var(--sp-8)}
  .lg-indice{position:static;padding-bottom:var(--sp-6);
    border-bottom:1px solid var(--border)}
  .lg-indice ol{flex-direction:row;flex-wrap:wrap;gap:4px}
  .lg-indice a{background:var(--cream);font-size:.75rem}
  .lg-capa{padding-top:var(--sp-10)}
}

/* nota de rodapé dentro do bloco da empresa */
.lg-mini{font-size:13px;line-height:1.55;color:var(--gray-deco);margin-top:10px}

/* ── seleção bloqueada no corpo do documento ──
   Obstáculo, não proteção: `Ctrl+U`, modo leitor, JavaScript desligado ou um
   `curl` continuam lendo tudo. O que isto barra é o copia-e-cola de quem ia
   arrastar o mouse e colar no próprio site — que é a maior parte dos casos.

   O bloqueio é do TEXTO, não da página inteira. Link, botão e e-mail de
   contato continuam selecionáveis de propósito: quem precisa copiar o nosso
   endereço para exercer um direito previsto no próprio documento não pode
   esbarrar numa trava nossa. */
.lg-texto{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  /* o balão de "copiar/definir" do iOS aparece no toque longo mesmo com
     user-select:none, e some com isto */
  -webkit-touch-callout:none;
}
.lg-texto a,
.lg-texto address,
.lg-texto [data-copiavel]{
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
  -webkit-touch-callout:default;
}