/* EMI · legal.css — hoja común de terminos.html, privacidad.html y reembolsos.html.

   Aparte de delx.css a propósito: estas tres páginas son documentos estáticos que
   se abren solos (desde el pie, desde el correo de compra o desde el panel de
   Lemon Squeezy) y no cargan ni un solo script. Colgarlas de delx.css —90 KB
   pensados para el lienzo, los paneles flotantes y la tipografía pixel— las haría
   depender de una hoja que cambia cada semana por motivos que no tienen nada que
   ver con ellas.

   Sin fuentes externas: la CSP del sitio es `font-src 'self'`, así que un
   @import de Google Fonts se bloquearía en silencio y la página caería a la
   fuente del sistema de todas formas. Se usa la pila del sistema directamente,
   que es lo que --ui ya hace en delx.css. */

:root{
  --paper:#f6f3ec; --panel:#fffdf7; --ink:#1b2333; --ink-soft:#556074;
  --line:#d8d2c4; --line-soft:#e7e2d6; --accent:#3d4aa0; --accent-soft:#e6e8f6;
  --warn:#8a5a12; --warn-soft:#f7efe0;
  --ui:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;
  --radius:10px;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#14171f; --panel:#1b1f29; --ink:#e8e6df; --ink-soft:#9aa1b0;
    --line:#2e3340; --line-soft:#232833; --accent:#8e9cff; --accent-soft:#232a47;
    --warn:#d7a45c; --warn-soft:#2b2418;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--ui); font-size:15px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:760px; margin:0 auto; padding:32px 22px 80px}

/* ---------- cabecera ---------- */
.top{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  flex-wrap:wrap; padding-bottom:18px; border-bottom:1px solid var(--line); margin-bottom:30px;
}
.top a.back{
  color:var(--accent); text-decoration:none; font-weight:600; font-size:14px;
  display:inline-flex; align-items:center; gap:6px;
}
.top a.back:hover{text-decoration:underline}
.top .brand{font-weight:700; letter-spacing:.02em; font-size:15px}
.top .brand span{color:var(--ink-soft); font-weight:400}

h1{font-size:clamp(25px,4.2vw,32px); line-height:1.2; margin:0 0 6px; letter-spacing:-.01em}
.updated{color:var(--ink-soft); font-size:13px; margin:0 0 30px; font-family:var(--mono)}

h2{
  font-size:18px; margin:36px 0 10px; letter-spacing:-.005em;
  padding-top:16px; border-top:1px solid var(--line-soft);
}
h2:first-of-type{border-top:none; padding-top:0}
h3{font-size:15px; margin:22px 0 6px; color:var(--ink)}
p{margin:0 0 12px}
ul,ol{margin:0 0 12px; padding-left:22px}
li{margin-bottom:6px}
a{color:var(--accent)}
strong{font-weight:600}
code{font-family:var(--mono); font-size:.9em; background:var(--line-soft); padding:1px 5px; border-radius:4px}

/* ---------- avisos ---------- */
.box{
  background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:0 var(--radius) var(--radius) 0; padding:14px 18px; margin:0 0 20px;
}
.box.warn{border-left-color:var(--warn); background:var(--warn-soft)}
.box p:last-child{margin-bottom:0}
.box .lbl{
  font-family:var(--mono); font-size:11px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--accent); display:block; margin-bottom:5px;
}
.box.warn .lbl{color:var(--warn)}

/* ---------- tablas ---------- */
.tw{overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); margin:0 0 20px; background:var(--panel)}
table{width:100%; border-collapse:collapse; font-size:14px; min-width:440px}
th{
  text-align:left; padding:10px 14px; background:var(--line-soft); border-bottom:1px solid var(--line);
  font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft);
}
td{padding:10px 14px; border-bottom:1px solid var(--line-soft); vertical-align:top}
tr:last-child td{border-bottom:none}
td.n{font-family:var(--mono); white-space:nowrap; font-variant-numeric:tabular-nums}

/* ---------- pie ---------- */
.foot{
  margin-top:48px; padding-top:18px; border-top:1px solid var(--line);
  font-size:13px; color:var(--ink-soft); display:flex; gap:16px; flex-wrap:wrap;
}
.foot a{color:var(--ink-soft)}