/* Páginas legais — complementa style.css */

.legal-page { padding: 4rem 0 5rem; background: var(--branco); }
.legal-container { max-width: 820px; margin-inline: auto; width: 92%; }

.legal-container h1 {
  font-size: clamp(1.9rem, 3.6vw, 2.6rem);
  margin-bottom: 1rem;
}
.legal-updated {
  display: inline-block;
  font-size: .82rem;
  font-weight: 700;
  color: var(--azul);
  background: var(--azul-chip);
  border-radius: 999px;
  padding: .4rem 1rem;
  margin-bottom: 2.2rem;
}

.legal-container h2 {
  font-size: 1.35rem;
  margin: 2.6rem 0 1rem;
  padding-bottom: .45rem;
  border-bottom: 3px solid var(--amarelo-claro);
}
.legal-container h3 {
  font-size: 1.05rem;
  margin: 1.8rem 0 .7rem;
  color: var(--azul);
}
.legal-container p, .legal-container li {
  line-height: 1.75;
  color: var(--texto);
  margin-bottom: .75rem;
  font-size: .98rem;
}
.legal-container ul, .legal-container ol { padding-left: 1.4rem; margin-bottom: 1rem; }
.legal-container a { color: var(--azul); font-weight: 600; }
.legal-container hr { border: 0; border-top: 1px solid var(--azul-chip); margin: 2.5rem 0; }

.legal-container table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2rem 0 1.6rem;
  font-size: .9rem;
}
.legal-container th, .legal-container td {
  border: 1px solid rgba(27,111,232,.18);
  padding: .65rem .8rem;
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
}
.legal-container th { background: var(--azul-tint); color: var(--navy); font-weight: 700; }
.legal-container tr:nth-child(even) td { background: #FAFCFF; }

.legal-note {
  margin-top: 3rem;
  background: var(--amarelo-tint);
  border-left: 5px solid var(--amarelo);
  border-radius: 0 var(--raio) var(--raio) 0;
  padding: 1.1rem 1.4rem;
  font-size: .9rem;
  color: var(--texto);
}
.legal-note p { margin: 0; font-style: italic; }

mark.placeholder {
  background: var(--amarelo-claro);
  color: var(--navy);
  font-weight: 700;
  border-radius: 4px;
  padding: 0 .3rem;
}

.legal-summary {
  background: var(--azul-tint);
  border-radius: var(--raio);
  padding: 1.6rem 1.8rem;
  margin-bottom: 1rem;
}
.legal-summary h2 { border-bottom: 0; margin-top: 0; }

@media (max-width: 640px) {
  .legal-page { padding: 2.5rem 0 3.5rem; }
  .legal-container table { display: block; overflow-x: auto; }
}