/* ═══════════════════════════════════════════════════════════════ VENDÚ — POLÍTICA DE PRIVACIDAD Aquí no hay nada que vender, así que no hay nada que decorar. Fuera el círculo amarillo del hero, fuera la banda oscura de "lo que NO hace" y fuera las tarjetas: en un documento legal cada adorno resta autoridad, porque hace dudar de si lo que se lee es una promesa comercial o un compromiso. Queda tipografía, una medida cómoda de lectura y un índice fijo. ═══════════════════════════════════════════════════════════════ */ /* ── Cabecera ── Sin imagen, sin degradado. Solo qué documento es, de qué versión y a qué aplica: lo que se mira primero al abrir un texto legal. */ .doc-head{border-bottom:1px solid var(--border);padding:56px 0 40px;margin-bottom:52px} .doc-tipo{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase; color:var(--muted);margin-bottom:16px} h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-1.2px; line-height:1.12;text-wrap:balance;max-width:20ch} .doc-meta{margin-top:20px;font-size:14px;line-height:1.75;color:var(--muted)} .doc-meta b{color:var(--ink);font-weight:700} .doc-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12.5px;background:var(--surface2);padding:2px 6px;border-radius:5px} /* ── Rejilla: texto e índice ── */ .doc{display:grid;grid-template-columns:236px minmax(0,1fr); gap:60px;align-items:stretch;padding-bottom:88px} /* 68 caracteres por línea. Más ancho cansa y se pierde el renglón; más estrecho parte las frases y alarga el documento sin motivo. */ .doc-cuerpo{max-width:68ch} .doc-sec{margin-bottom:44px;scroll-margin-top:88px} /* el nav es sticky */ .doc-sec:last-of-type{margin-bottom:24px} .doc-sec h2{font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.3; margin-bottom:14px;display:flex;gap:10px;align-items:baseline} /* El número va fuera del texto para poder citar "según la sección 4" sin que estorbe al leer de corrido. */ .doc-num{color:var(--faint);font-weight:700;font-variant-numeric:tabular-nums;flex:none} .doc-cuerpo p{font-size:15.5px;line-height:1.72;color:var(--ink);margin-bottom:14px; text-wrap:pretty} .doc-cuerpo p:last-child{margin-bottom:0} .doc-cuerpo strong,.doc-cuerpo b{font-weight:700} .doc-cuerpo a{color:var(--green-text);text-decoration:underline; text-underline-offset:2px;text-decoration-thickness:1px} .doc-cuerpo ul,.doc-cuerpo ol{margin:0 0 14px 22px} .doc-cuerpo li{font-size:15.5px;line-height:1.72;margin-bottom:7px} /* La lista de lo que la app NO hace. Una raya y no una palomita verde: la palomita dice "logro conseguido" y aquí lo que se afirma es una ausencia. */ .lista-no{list-style:none;margin-left:0!important; border-left:2px solid var(--border2);padding-left:18px} .lista-no li{color:var(--ink);font-weight:600} /* ── Tabla de permisos ── */ .tabla{overflow-x:auto;margin:18px 0 6px} .tabla table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px} .tabla th{text-align:left;font-weight:700;color:var(--muted);font-size:12px; letter-spacing:.8px;text-transform:uppercase; padding:0 16px 10px 0;border-bottom:1px solid var(--border2)} .tabla td{padding:14px 16px 14px 0;border-bottom:1px solid var(--border); vertical-align:top;line-height:1.65} .tabla tr td:first-child{font-weight:700;white-space:nowrap;padding-right:28px} .tabla tr:last-child td{border-bottom:0} /* Los antiguos .card y .aviso: sin fondo ni caja, solo una raya que los separa del cuerpo. Siguen destacando, pero sin gritar. */ .card,.aviso,.contacto{border-left:2px solid var(--green);padding:2px 0 2px 18px; margin:18px 0} .card h3,.aviso h3{font-size:15px;font-weight:800;margin-bottom:6px} .doc-fin{margin-top:44px;padding-top:22px;border-top:1px solid var(--border); font-size:13px;color:var(--faint)} /* ── Índice ── Se queda a la vista mientras se baja: en un documento que se consulta por partes, tener que subir al principio para cambiar de apartado es la diferencia entre leerlo y abandonarlo. */ /* ── El índice ── Fijo a la izquierda: se queda quieto mientras el documento se desplaza a su derecha. Es el patrón de cualquier documentación larga, y aquí hace falta de verdad — son dieciséis apartados y esto se consulta por partes, no se lee de corrido. La altura está topada a lo que cabe en la ventana. Sin ese tope `sticky` no puede fijar un bloque más alto que la pantalla, y el índice se desbordaba hasta montarse sobre el pie. El orden en el html es al revés (primero el texto, luego el índice) y aquí se coloca con `order`: quien navega con teclado o lector de pantalla llega al documento antes que a su índice, que es lo sensato. */ /* El