/* Páginas jurídicas — extensão do tema ouro/preto do Veldara */
.page-legal .site-nav {
  position: sticky;
  background: rgba(7, 8, 10, 0.92);
  border-bottom-color: var(--line);
  backdrop-filter: blur(14px);
}

.legal-main {
  width: min(900px, 100%);
  margin: 0 auto;
  padding: 2.5rem clamp(1.25rem, 4vw, 2rem) 4rem;
}

.legal-header {
  padding-bottom: 1.5rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid var(--line);
}

.legal-header h1 {
  margin: 0 0 0.55rem;
  color: var(--gold-bright);
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.legal-meta,
.legal-intro {
  color: var(--muted);
}

.legal-meta {
  margin: 0.25rem 0;
  font-size: 0.92rem;
}

.legal-intro {
  margin: 1rem 0 0;
  max-width: 48rem;
  font-size: 1.03rem;
}

.legal-notice {
  margin: 0 0 1.75rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--gold-dim);
  border-left: 3px solid var(--gold);
  background: rgba(212, 175, 55, 0.08);
  color: var(--ink);
}

.legal-notice strong {
  color: var(--gold-bright);
}

.legal-section {
  padding: 1.15rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid var(--line-soft);
  background: linear-gradient(160deg, rgba(20, 24, 32, 0.95), rgba(10, 12, 16, 0.98));
}

.legal-section h2 {
  margin: 0 0 0.75rem;
  color: var(--gold);
  font-family: var(--font-display);
  font-size: 1.08rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.legal-section h3 {
  margin: 1rem 0 0.45rem;
  color: var(--gold-bright);
  font-size: 1rem;
  font-weight: 600;
}

.legal-section p,
.legal-section ul {
  margin-top: 0;
  color: rgba(242, 239, 230, 0.84);
}

.legal-section p:last-child,
.legal-section ul:last-child {
  margin-bottom: 0;
}

.legal-section li {
  margin-bottom: 0.4rem;
}

.legal-section li::marker {
  color: var(--gold);
}

.legal-section a {
  overflow-wrap: anywhere;
}

@media (max-width: 720px) {
  .page-legal .nav-panel.is-open-desktop {
    display: flex;
  }

  .page-legal .nav-links {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .page-legal .nav-links a {
    padding: 0.35rem 0.55rem;
    font-size: 0.85rem;
  }

  .legal-section {
    padding: 1rem;
  }
}