/* Páginas legales: marcas de campos pendientes, tablas y control de versión. */
.legal-version { margin-top: 14px; color: var(--muted); font-size: .8rem; }
.legal-index { display: flex; flex-wrap: wrap; gap: 9px 23px; margin-top: 22px; color: var(--teal); font-size: .84rem; font-weight: 800; }
.legal-index a:hover { text-decoration: underline; }
mark.pendiente { padding: 1px 6px; border: 1px dashed var(--burgundy); border-radius: 3px; background: #fff1ce; color: var(--burgundy); font-weight: 800; }
.legal-draft { margin-top: 24px; padding: 16px 20px; border-left: 4px solid var(--burgundy); background: #fff1ce; color: #40565d; font-size: .86rem; line-height: 1.7; }
.table-scroll { margin-top: 14px; overflow-x: auto; }
.policy-table { width: 100%; min-width: 440px; border-collapse: collapse; font-size: .88rem; }
.policy-table caption { padding: 0 0 12px; color: var(--muted); text-align: left; font-size: .82rem; line-height: 1.6; }
.policy-table th, .policy-table td { padding: 11px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.6; }
.policy-table th { background: var(--stone); color: var(--ink); font-weight: 800; }
.info-block h3 { margin: 20px 0 8px; color: var(--ink); font-size: 1.05rem; }
.info-block ol { padding-left: 22px; }
.info-block ol li + li { margin-top: 8px; }
