/* Tipografía de las páginas legales (terminos.html y privacidad.html). */
.legal { color: #cbd5e1; line-height: 1.75; }
.legal h2 { margin-top: 2.5rem; font-size: 1.25rem; font-weight: 800; color: #fff; scroll-margin-top: 6rem; }
.legal h3 { margin-top: 1.5rem; font-weight: 700; color: #fff; }
.legal p, .legal ul, .legal ol { margin-top: 0.75rem; }
.legal ul { list-style: disc; padding-left: 1.5rem; }
.legal ol { list-style: decimal; padding-left: 1.5rem; }
.legal li { margin-top: 0.35rem; }
.legal strong { color: #fff; }
.legal a { color: #22d3ee; text-decoration: underline; text-underline-offset: 2px; }
.legal table { margin-top: 1rem; width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.legal th, .legal td { border: 1px solid rgba(255, 255, 255, 0.1); padding: 0.6rem 0.75rem; text-align: left; vertical-align: top; }
.legal th { background: rgba(255, 255, 255, 0.04); color: #fff; }
.legal .table-wrap { overflow-x: auto; }
.legal .completar { background: #fde047; color: #0f172a; padding: 0 0.25rem; border-radius: 0.25rem; font-weight: 700; }