/* Estilo de las páginas legales (`/aviso-de-privacidad`, `/borrar-mis-datos`).
 *
 * 🔴 VA EN UN FICHERO Y NO EN UN <style> EN LÍNEA, Y NO ES PREFERENCIA. La CSP de `vercel.json` dice
 *    `style-src 'self' https://fonts.googleapis.com` — SIN `'unsafe-inline'`, quitado con medición
 *    (ver CLAUDE.md). Un <style> en línea en estas páginas no se aplicaría y la página saldría
 *    desnuda, sin un solo error visible en la pantalla. Lo vigila `probar-csp.mjs`.
 * 🔴 Y NO SE REUSA EL CSS DEL SITIO: vive en `/assets/<hash>.css`, y el hash cambia en cada build.
 *    Un <link> escrito a mano a ese fichero se rompe en el siguiente despliegue.
 *
 * Paleta de marca: vino #3F1B26, champagne #BFA068 (la del favicon y los botones del sitio).
 */
:root { --vino:#3F1B26; --champagne:#BFA068; --tinta:#2b2b2b; --suave:#6b6b6b; --papel:#fdfbf9; }
* { box-sizing: border-box; }
body { margin:0; background:var(--papel); color:var(--tinta);
       font:16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
header { background:var(--vino); color:#fff; padding:28px 20px; }
header a { color:var(--champagne); text-decoration:none; font-weight:600; letter-spacing:.04em; }
header p { margin:6px 0 0; color:#e8dcd8; font-size:14px; }
main { max-width:760px; margin:0 auto; padding:32px 20px 72px; }
h1 { font-size:clamp(24px,5vw,32px); line-height:1.25; margin:0 0 4px; color:var(--vino); }
h2 { font-size:19px; margin:34px 0 8px; color:var(--vino); }
h3 { font-size:16px; margin:20px 0 6px; }
.fecha { color:var(--suave); font-size:14px; margin:0 0 24px; }
ul, ol { padding-left:22px; }
li { margin:6px 0; }
a { color:var(--vino); }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:15px; display:block; overflow-x:auto; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid #e9e1dc; vertical-align:top; }
th { color:var(--vino); font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
/* `.aviso` y `.verificar` quedaron SIN USO el 10-oct-2026, al llegar la razón social y el domicilio de
 * Marce y salir los dos bloques de BORRADOR. Se conservan porque son el mecanismo del candado: si
 * algún día hay otro dato pendiente, se marca con `.verificar` y `probar-legales.mjs` vuelve a parar
 * el build de producción. Borrarlas obligaría a reinventarlas. */
.aviso { background:#fff4f4; border-left:4px solid #b3261e; padding:14px 16px; margin:20px 0; border-radius:4px; }
.aviso strong { color:#b3261e; }
.verificar { background:#ffe8a3; color:#5c4100; padding:1px 6px; border-radius:3px; font-weight:700;
             font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:14px; }
.sin-margen { margin:0; }
/* 🔴 ESTAS DOS CLASES EXISTEN PARA NO USAR style= EN LÍNEA. No es estética: la CSP gobierna también
 *    el ATRIBUTO style (`style-src-attr` cae a `style-src`, que no lleva 'unsafe-inline'), así que un
 *    `style="margin:0"` no se aplica Y deja un error de CSP en la consola de una página pública.
 *    Medido con navegador contra el preview: la hoja cargaba bien y el único error era ése. */
.sin-margen-arriba { margin-top:0; }
.caja { background:#fff; border:1px solid #e9e1dc; border-radius:6px; padding:18px 20px; margin:18px 0; }
footer { border-top:1px solid #e9e1dc; margin-top:48px; padding-top:20px; color:var(--suave); font-size:14px; }
footer a { margin-right:16px; }
@media (prefers-color-scheme: dark) {
  :root { --papel:#17120f; --tinta:#eee8e4; --suave:#a69c96; --vino:#e3c7cf; }
  header { background:#2a1218; }
  .caja { background:#1f1815; border-color:#3a2f2a; }
  th, td { border-bottom-color:#3a2f2a; }
  .aviso { background:#2a1413; }
  .verificar { background:#6b4f00; color:#ffe8a3; }
}