/* ============================================================
   SWB · Estilo compartido de las páginas legales
   ============================================================
   Lo usan: privacidad.html · terminos.html · data-deletion.html
            libro-reclamaciones.php
   Un solo archivo = las cuatro se ven igual y se cambian de una vez.
   ============================================================ */

:root{
  --lg-ink:#0d1b1c;      /* títulos */
  --lg-txt:#31474a;      /* cuerpo */
  --lg-mut:#6f8587;      /* secundario */
  --lg-acc:#0a7d43;      /* enlaces / acento */
  --lg-acc-soft:rgba(10,125,67,.08);
  --lg-line:#e0e8e9;
  --lg-bg:#f4f7f8;
  --lg-card:#fff;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--lg-bg);
  color:var(--lg-txt);
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:15.5px;
  line-height:1.75;
  /* Nitidez: sin esto el texto se ve "gordo" en pantallas Retina */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* ── Barra superior ─────────────────────────────────────── */
.lg-nav{
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(12px);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--lg-line);
  position:sticky; top:0; z-index:50;
}
.lg-nav-in{
  max-width:860px;margin:0 auto;padding:12px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.lg-back{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--lg-ink);text-decoration:none;font-weight:700;font-size:14.5px;
}
.lg-back:hover{color:var(--lg-acc)}
.lg-back svg{flex:0 0 auto}
.lg-nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.lg-nav-links a{
  color:var(--lg-mut);text-decoration:none;font-size:13.5px;font-weight:600;
  padding:7px 11px;border-radius:8px;white-space:nowrap;
}
.lg-nav-links a:hover{color:var(--lg-acc);background:var(--lg-acc-soft)}
.lg-nav-links a[aria-current="page"]{color:var(--lg-acc);background:var(--lg-acc-soft)}

/* ── Contenido ──────────────────────────────────────────── */
.lg-wrap{max-width:860px;margin:0 auto;padding:44px 22px 76px}
.lg-doc{
  background:var(--lg-card);
  border:1px solid var(--lg-line);
  border-radius:18px;
  padding:44px 46px;
}
h1{
  font-size:clamp(25px,3.4vw,32px);
  line-height:1.25;letter-spacing:-.4px;
  color:var(--lg-ink);font-weight:800;margin:0 0 6px;
}
.lg-meta{color:var(--lg-mut);font-size:13.5px;margin:0 0 34px;line-height:1.6}
h2{
  font-size:17.5px;font-weight:700;letter-spacing:-.1px;
  color:var(--lg-ink);margin:38px 0 12px;
  padding-bottom:9px;border-bottom:1px solid var(--lg-line);
}
h2:first-of-type{margin-top:0}
h3{font-size:15.5px;font-weight:700;color:var(--lg-ink);margin:24px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}
li::marker{color:var(--lg-mut)}
strong,b{color:var(--lg-ink);font-weight:700}
a{color:var(--lg-acc);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
code{background:var(--lg-acc-soft);color:var(--lg-acc);padding:1px 5px;border-radius:5px;font-size:.9em}

/* Bloque destacado */
.lg-box{
  background:var(--lg-acc-soft);
  border:1px solid rgba(10,125,67,.18);
  border-radius:13px;padding:20px 24px;margin:20px 0;
}
.lg-box p:last-child,.lg-box ul:last-child{margin-bottom:0}
.lg-box>b:first-child{display:block;margin-bottom:8px}

/* Aviso neutro */
.lg-note{
  background:#fff8e8;border:1px solid #f0dcae;color:#7d5f16;
  border-radius:13px;padding:15px 18px;margin:0 0 22px;font-size:14px;line-height:1.65;
}

/* ── Pie ────────────────────────────────────────────────── */
.lg-foot{
  max-width:860px;margin:0 auto;padding:26px 22px 0;
  border-top:1px solid var(--lg-line);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:13px;color:var(--lg-mut);
}
.lg-foot a{color:var(--lg-mut);text-decoration:none;font-weight:600}
.lg-foot a:hover{color:var(--lg-acc)}
.lg-foot-links{display:flex;gap:14px;flex-wrap:wrap}

/* ── Responsive ─────────────────────────────────────────── */
@media(max-width:720px){
  .lg-doc{padding:28px 22px;border-radius:14px}
  .lg-wrap{padding:26px 14px 54px}
  .lg-nav-in{padding:10px 14px}
  .lg-nav-links a{padding:6px 8px;font-size:13px}
}
@media(max-width:520px){
  .lg-nav-links a:not(.lg-keep){display:none}
}

/* ── Impresión ──────────────────────────────────────────── */
@media print{
  .lg-nav,.lg-foot{display:none}
  body{background:#fff;font-size:11.5pt}
  .lg-doc{border:0;padding:0;border-radius:0}
  a{text-decoration:none;color:#000}
}