/* =========================================================
   Páginas legais (privacidade.html e termos.html)
   ========================================================= */

.hero { padding: 28px 0 48px; }
.hero h1 { font-size: clamp(26px, 4vw, 40px); margin: 14px 0 6px; }
.hero p { color: rgba(255, 255, 255, .8); font-size: 14px; }

.legal {
  max-width: 760px;
  margin: -24px auto 56px;
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  padding: 28px;
  box-shadow: var(--shadow-card);
}
@media (min-width: 768px) { .legal { padding: 40px; } }

.legal h2 { font-size: 20px; margin: 28px 0 8px; }
.legal h2:first-child { margin-top: 0; }
.legal p,
.legal li { color: var(--text-muted); font-size: 15px; margin-bottom: 10px; }
.legal ul { padding-left: 20px; }
.legal strong { color: var(--text); }
.legal a { color: var(--primary); }