/* Estilos adicionales solo para las páginas legales */
.legal-page { padding: 150px 0 100px; max-width: 820px; margin: 0 auto; }
.legal-page h1 { font-size: clamp(1.8rem, 3vw, 2.3rem); margin-bottom: 8px; }
.legal-page .updated { color: var(--c-ink-soft); font-size: 0.88rem; margin-bottom: 40px; }
.legal-page h2 { font-family: var(--font-body); font-weight: 800; font-size: 1.15rem; margin: 34px 0 12px; }
.legal-page p, .legal-page li { color: var(--c-ink-soft); font-size: 0.96rem; margin-bottom: 12px; }
.legal-page ul { padding-left: 20px; list-style: disc; }
.legal-page a.back-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--c-teal-dark); margin-bottom: 30px; }
.legal-callout { background: var(--c-teal-light); border-left: 4px solid var(--c-teal); border-radius: var(--radius-sm); padding: 16px 20px; margin: 20px 0; font-size: 0.9rem; }