/* páginas legais (termos, privacidade) — texto corrido, mesmos tokens da LP */

.legal-main{padding:64px 0 96px}
.legal-wrap{max-width:760px;margin:0 auto}

.legal-head{margin-bottom:44px}
.legal-head h1{font-size:clamp(30px,5vw,44px);line-height:1.12;margin-bottom:14px}
.legal-meta{
  font-family:var(--mono);
  font-size:12.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0;
}

.legal-intro{
  border:1px solid var(--linha);
  border-left:2px solid var(--ouro);
  border-radius:var(--r);
  background:var(--paper2);
  padding:20px 24px;
  margin:0 0 44px;
  color:var(--ink2);
  font-size:15.5px;
}

.legal-wrap section{margin-bottom:40px}
.legal-wrap h2{
  font-size:20px;
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--linha);
}
.legal-wrap h2 .num{color:var(--ouro);font-family:var(--mono);font-size:15px;margin-right:10px}

.legal-wrap p{color:var(--ink2);font-size:15.5px;margin:0 0 14px}
.legal-wrap ul{color:var(--ink2);font-size:15.5px;margin:0 0 14px;padding-left:20px}
.legal-wrap li{margin-bottom:8px}
.legal-wrap li::marker{color:var(--ouro)}
.legal-wrap strong{color:var(--ink);font-weight:600}
.legal-wrap a{color:var(--ouro-forte)}

.legal-destaque{
  border:1px solid var(--linha2);
  border-radius:var(--r);
  background:var(--ouro-suave);
  padding:20px 24px;
  margin:0 0 14px;
}
.legal-destaque p:last-child{margin-bottom:0}

/* identificação das partes */
.legal-partes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1px;
  background:var(--linha);
  border:1px solid var(--linha);
  border-radius:var(--r);
  overflow:hidden;
  margin:0 0 44px;
}
.legal-partes div{background:var(--paper2);padding:18px 22px}
.legal-partes dt{
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:6px;
}
.legal-partes dd{margin:0;font-size:14.5px;color:var(--ink)}

/* sumário */
.legal-sumario{
  border:1px solid var(--linha);
  border-radius:var(--r);
  padding:24px 28px;
  margin:0 0 52px;
}
.legal-sumario h2{
  font-family:var(--mono);
  font-size:12.5px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  border:0;
  padding:0;
  margin:0 0 16px;
}
.legal-sumario ol{
  list-style:none;
  counter-reset:sum;
  margin:0;padding:0;
  columns:2;
  column-gap:32px;
}
.legal-sumario li{counter-increment:sum;margin-bottom:9px;break-inside:avoid;font-size:14.5px}
.legal-sumario li::before{
  content:counter(sum,decimal-leading-zero);
  font-family:var(--mono);
  font-size:12px;
  color:var(--ouro);
  margin-right:10px;
}
.legal-sumario a{color:var(--ink2);text-decoration:none;transition:color .15s}
.legal-sumario a:hover{color:var(--ink)}
@media (max-width:620px){.legal-sumario ol{columns:1}}

/* âncoras de cláusula */
.legal-wrap section{scroll-margin-top:96px}

/* anexo */
.legal-anexo{
  margin-top:64px;
  padding-top:44px;
  border-top:2px solid var(--linha2);
}
.legal-anexo > h2{
  font-size:24px;
  border:0;
  padding:0;
  margin-bottom:8px;
}
.legal-anexo .legal-meta{margin-bottom:32px}
.legal-anexo h3{
  font-size:16.5px;
  margin:28px 0 12px;
  color:var(--ink);
}

/* tabelas */
.legal-tabela{overflow-x:auto;margin:0 0 20px}
.legal-tabela table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}
.legal-tabela th,.legal-tabela td{
  text-align:left;
  padding:11px 14px;
  border-bottom:1px solid var(--linha);
  color:var(--ink2);
  vertical-align:top;
}
.legal-tabela th{
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:500;
  border-bottom-color:var(--linha2);
}
.legal-tabela tr:last-child td{border-bottom:0}

.legal-fim{
  margin-top:56px;
  padding-top:28px;
  border-top:1px solid var(--linha);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.legal-fim p{margin:0;font-size:14px;color:var(--muted)}

@media (max-width:720px){
  .legal-main{padding:40px 0 72px}
  .legal-wrap section{margin-bottom:32px}
}