/* ManuPekena — legal.css
   Exclusivo da página de informações legais. Depende de main.css. */

/* ===== Legal ===== */
.doc{padding:44px 0; border-top:1px solid var(--fio)}
.doc:first-of-type{border-top:0}
.doc h2{font-size:clamp(26px,3.4vw,34px); margin-bottom:20px}
.doc p{color:var(--tinta-media); max-width:68ch}
.doc p b{color:var(--tinta); font-weight:700}
/* Sem uso desde 19/08/2026, mantida de propósito: se o advogado pedir um aviso
   destacado na página, basta reintroduzir a chave legal.callout nos locales. */
.callout-legal{
  border:1px solid rgba(206,46,28,.32); background:#FBF1EF; border-radius:var(--r-md);
  padding:20px 22px; margin-bottom:8px; font-size:15.5px; color:var(--tinta-media); line-height:1.6;
}
.callout-legal b{color:var(--guara); font-weight:700}


/* --- Índice dos documentos --- */
.indice-legal{
  display:flex; flex-wrap:wrap; gap:8px 10px; margin:0 0 30px;
  position:sticky; top:80px; z-index:20; background:var(--osso);
  padding:12px 0; border-bottom:1px solid var(--fio);
}
.indice-legal a{
  font-family:var(--mono); font-size:11px; letter-spacing:.07em; text-transform:uppercase;
  color:var(--tinta-media); text-decoration:none; border:1px solid var(--fio);
  border-radius:var(--r-xs); padding:7px 11px; transition:background .16s, color .16s, border-color .16s;
}
.indice-legal a:hover{background:var(--osso-2); color:var(--tinta)}
.indice-legal a.ativo{background:var(--tinta); color:var(--osso); border-color:var(--tinta)}
@media (max-width:600px){ .indice-legal{top:72px; gap:6px} .indice-legal a{font-size:10px; padding:6px 9px} }