/* OcarinaSoft — páginas legales (privacidad.html, terminos.html, eliminar_datos.html). Usa css/sitio.css. */
.documento { max-width: 780px; margin: 0 auto; padding: 56px 24px 88px; }
.documento h1 { font-size: clamp(34px, 4.4vw, 52px); letter-spacing: -.035em; font-weight: 800; margin-bottom: 10px; }
.documento h2 { font-size: 24px; letter-spacing: -.02em; margin: 44px 0 12px; padding-top: 28px; border-top: 1px solid var(--linea); }
.documento h3 { font-size: 18px; margin: 26px 0 8px; }
.documento p, .documento li { font-size: 16.5px; line-height: 1.7; color: var(--tinta-2); }
.documento p { margin: 0 0 14px; }
.documento ul, .documento ol { padding-left: 22px; margin: 0 0 16px; }
.documento li { margin-bottom: 8px; }
.documento li::marker { color: var(--ocarina); }
.documento strong { color: var(--tinta); }
.documento a { color: var(--ocarina); font-weight: 600; }
.documento .fecha { font-size: 14px; color: var(--tinta-3); margin-bottom: 30px; }
.documento .titular, .documento .caja { background: var(--superficie); border: 1px solid var(--linea-suave); border-radius: 16px; padding: 18px 22px; margin: 0 0 24px; box-shadow: var(--sombra-1); }
.documento .titular { background: var(--ocarina-suave); border-color: color-mix(in srgb, var(--ocarina) 25%, transparent); }
.documento .indice { background: var(--superficie); border: 1px solid var(--linea-suave); border-radius: 16px; padding: 18px 24px; margin: 0 0 12px; }
.documento .indice p { margin: 0 0 6px; font-weight: 700; color: var(--tinta); font-size: 15px; }
.documento .indice ol { columns: 2; column-gap: 32px; margin: 0; }
.documento .indice li { font-size: 15px; margin-bottom: 4px; }
.documento .nota { background: var(--ocarina-suave); border: 1px solid color-mix(in srgb, var(--ocarina) 25%, transparent); border-radius: 14px; padding: 14px 18px; font-size: 15.5px; color: var(--ocarina-hondo); }
.documento-pie { border-top: 1px solid var(--linea); text-align: center; color: var(--tinta-3); font-size: 13.5px; padding: 28px 24px 40px; }
.documento-pie a { color: var(--tinta-2); font-weight: 600; }
@media (max-width: 640px) { .documento .indice ol { columns: 1; } .documento { padding-top: 36px; } }