/* pages.css — páginas estáticas (sobre, contato, legais) */

.page-hero { padding: 40px 0 8px; }
.page-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 0 48px;
  font-size: 1.05rem;
}
.page-content h2 { margin: 32px 0 12px; }
.page-content h3 { margin: 24px 0 8px; }
.page-content p { margin-bottom: 16px; color: var(--text-primary); }
.page-content ul, .page-content ol { margin: 0 0 16px; padding-left: 8px; }
.page-content li { margin-bottom: 6px; }
.page-content a { text-decoration: underline; text-underline-offset: 2px; }
.page-content .updated { color: var(--text-tertiary); font-size: 0.9rem; margin-bottom: 24px; }

/* Formulário de contato */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
}
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group label { font-weight: 600; font-size: 0.92rem; }
.form-group input, .form-group textarea, .form-group select {
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-family: inherit;
  font-size: 1rem;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
  outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-light);
}
.form-group textarea { min-height: 140px; resize: vertical; }