/* legal.css — Estilos específicos de las páginas legales:
   terminos.html, privacidad.html, reembolsos.html.
   Usa también base.css. */

.legal {
  max-width: 780px;
  margin: 0 auto;
  padding: 48px 0 24px;
}
.legal h1 {
  font-size: clamp(1.6rem, 1.4rem + 0.8vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
}
.legal-updated {
  color: var(--t3);
  font-size: 0.875rem;
  margin: 0 0 28px;
}
.legal-draft {
  background: rgba(228, 200, 138, .12);
  border: 1px solid var(--accent-line);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  margin: 0 0 32px;
  color: var(--warning);
  font-size: 0.9rem;
  line-height: 1.55;
}
.legal h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--t1);
  margin: 36px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-soft);
}
.legal h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--t1);
  margin: 24px 0 8px;
}
.legal p, .legal li {
  color: var(--t2);
  font-size: 0.97rem;
  line-height: 1.65;
}
.legal ul, .legal ol {
  padding-left: 22px;
  margin: 0 0 16px;
}
.legal li { margin-bottom: 6px; }
.legal a { color: var(--accent); }
.legal strong { color: var(--t1); }
.placeholder {
  background: rgba(234, 178, 90, .15);
  color: var(--accent-hi);
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 0.9em;
  font-family: monospace;
}