/*
 * Hoja compartida por /privacidad.html y /terminos.html.
 *
 * Son páginas ESTÁTICAS y fuera del grafo de módulos de la app: se abren en pestaña propia
 * desde CUENTA, desde el formulario de alta y desde el sitio de marketing, y tienen que
 * poder leerse aunque la app no arranque. Por eso no importan nada de /public/*.js.
 *
 * Los tokens de color son un subconjunto LITERAL de la paleta por defecto de app.html
 * (v189: cian + menta, la misma que index.html ya traía desde v155). Se copian a propósito
 * en vez de compartirse: index.html define la paleta dentro de un <style> inline y aquí no
 * hay JS que lea `data-palette`. Si la paleta por defecto cambia, esto se actualiza a mano
 * — son nueve valores.
 */
:root{
  --bg:#13151A; --bg-deep:#0F1116; --surface:#1B1E25; --surface2:#20242C;
  --border:#495164; --divider:#22262E;
  --ink:#EEF1F5; --ink2:#C9D3E0; --muted:#8B94A4;
  --accent:#21E0EE; --achieve:#3BEFB6; --on-accent:#0B0E13;
  --danger:#F5707A; --danger-soft:#2A1518;
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--ink2);
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:15px;line-height:1.7;
  padding:calc(24px + var(--sat)) 18px calc(56px + var(--sab));
}
.wrap{max-width:760px;margin:0 auto;}

/* --- cabecera --- */
header{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:28px;}
.marca{
  font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:26px;
  letter-spacing:1.5px;color:var(--ink);text-decoration:none;display:inline-block;
}
.marca span{color:var(--accent);}
h1{
  font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:30px;line-height:1.15;
  letter-spacing:.5px;color:var(--ink);margin:16px 0 6px;
}
.fechas{
  font-family:'JetBrains Mono',ui-monospace,'Courier New',monospace;
  font-size:11px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin:0;
}

/* --- cuerpo --- */
h2{
  font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;
  color:var(--ink);margin:38px 0 10px;padding-top:18px;border-top:1px solid var(--divider);
}
h2:first-of-type{border-top:none;padding-top:0;}
h3{
  font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:15px;
  color:var(--ink);margin:22px 0 6px;
}
p{margin:0 0 12px;}
ul,ol{margin:0 0 14px;padding-left:22px;}
li{margin-bottom:7px;}
li::marker{color:var(--muted);}
strong,b{color:var(--ink);font-weight:700;}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--achieve);}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
code,.mono{font-family:'JetBrains Mono',ui-monospace,'Courier New',monospace;font-size:.9em;}

/* Resumen en lenguaje llano. La ley pide el aviso completo; esto es para que además se lea. */
.tldr{
  background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--achieve);
  border-radius:0 12px 12px 0;padding:16px 18px;margin:0 0 30px;
}
.tldr h2{margin:0 0 8px;border:none;padding:0;font-size:16px;color:var(--achieve);}
.tldr ul{margin-bottom:0;}

/* Aviso fuerte: datos sensibles, descargo médico. */
.grave{
  background:var(--danger-soft);border:1px solid var(--danger);border-radius:12px;
  padding:16px 18px;margin:0 0 20px;
}
.grave h2,.grave h3{color:var(--danger);border:none;padding-top:0;margin-top:0;}
.grave p:last-child{margin-bottom:0;}

/* Bloque de contacto / responsable. */
.ficha{
  background:var(--surface2);border:1px solid var(--border);border-radius:12px;
  padding:16px 18px;margin:0 0 20px;
}
.ficha p:last-child{margin-bottom:0;}
.ficha dt{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:12px;}
.ficha dt:first-child{margin-top:0;}
.ficha dd{margin:2px 0 0;color:var(--ink);}

/*
 * Hueco que el dueño tiene que rellenar antes de publicar. Se pinta IMPOSIBLE de ignorar
 * a propósito: un aviso de privacidad con el domicilio en blanco no cumple el art. 16 de
 * la LFPDPPP, y un placeholder discreto se publica sin que nadie lo note.
 */
.pendiente{
  background:var(--accent);color:var(--on-accent);font-weight:700;
  padding:1px 6px;border-radius:4px;
}

table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px;}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--divider);vertical-align:top;}
th{color:var(--muted);font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;}
td{color:var(--ink2);}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

footer{
  border-top:1px solid var(--border);margin-top:44px;padding-top:20px;
  font-size:13px;color:var(--muted);
}
footer nav{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px 14px;}

@media (max-width:520px){
  body{font-size:14.5px;padding-left:15px;padding-right:15px;}
  h1{font-size:25px;}
  h2{font-size:18px;}
}