/* ============================================================
   GRUPO MANUM · PÁGINAS LEGALES (.legal-page)
   Aviso legal · Política de privacidad · Política de cookies
   Sustituye al bloque .legal-page actual de la hoja de estilos.
   ============================================================ */

.legal-page{
  --lp-brand:#1b2430;          /* TODO: ajustar al rojo Manum definitivo de la web */
  --lp-brand-soft:#f6eaea;
  --lp-ink:#1b2430;
  --lp-muted:#5a6472;          /* corregido: faltaba el punto y coma */
  --lp-line:#1b24301f;
  --lp-bg:#faf8f6;
  --lp-card:#ffffff;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--lp-ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.legal-page *{box-sizing:border-box;}
.legal-page .lp-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* ---------- HERO ---------- */
.legal-page.legal-hero{color:#fff;padding:40px 0 40px;}
.legal-page .lp-eyebrow{
  font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;opacity:.8;margin:0 0 18px;
}
.legal-page.legal-hero h1{
  font-family:'Fraunces',serif;font-weight:600;font-size:clamp(40px,6vw,64px);
  line-height:1.05;margin:0 0 20px;color:#fff;
}
.legal-page .lp-lead{font-size:18px;max-width:620px;opacity:.9;margin:0 0 28px;}
.legal-page .lp-meta{
  font-family:'Space Grotesk',sans-serif;font-size:13px;opacity:.7;margin:0;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.25);display:inline-block;
}
/* corregido: selectores acotados a .legal-page */
.legal-page .lp-eyebrow,
.legal-page .lp-lead,
.legal-page .lp-meta{color:#F6F2EC !important;}

/* ---------- CUERPO ---------- */
.legal-page.legal-body{padding:80px 0 104px;}
.legal-page .lp-grid{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start;}

/* Índice */
.legal-page .lp-toc{position:sticky;top:110px;}
.legal-page .lp-toc p{
  font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--lp-brand);margin:0 0 14px;
}
.legal-page .lp-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;}
.legal-page .lp-toc li{counter-increment:toc;margin:0;border-top:1px solid var(--lp-line);}
.legal-page .lp-toc li:last-child{border-bottom:1px solid var(--lp-line);}
.legal-page .lp-toc a{
  display:flex;gap:10px;padding:9px 0;font-size:14px;color:var(--lp-muted);
  text-decoration:none;transition:color .2s;
}
.legal-page .lp-toc a::before{
  content:counter(toc,decimal-leading-zero);font-family:'Space Grotesk',sans-serif;
  font-size:12px;color:var(--lp-brand);padding-top:2px;
}
.legal-page .lp-toc a:hover{color:var(--lp-ink);}

/* Contenido */
.legal-page .lp-content{max-width:760px;}
.legal-page .lp-intro{font-size:17px;color:var(--lp-ink);margin:0 0 48px;padding:0 0 48px;border-bottom:1px solid var(--lp-line);}
.legal-page .lp-section{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--lp-line);scroll-margin-top:110px;}
.legal-page .lp-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.legal-page .lp-num{
  font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.14em;
  color:var(--lp-brand);margin:0 0 8px;
}
.legal-page h2{
  font-family:'Fraunces',serif;font-weight:600;font-size:clamp(24px,3vw,30px);
  line-height:1.2;margin:0 0 20px;color:var(--lp-ink);
}
.legal-page h3{font-size:16px;font-weight:600;margin:28px 0 10px;color:var(--lp-ink);}
.legal-page .lp-purpose h3{margin:0 0 8px;}
.legal-page p,.legal-page li{font-size:16px;color:var(--lp-muted);}
.legal-page p{margin:0 0 16px;}
.legal-page .lp-content ul{margin:0 0 16px;padding-left:20px;}
.legal-page .lp-content ul li{margin:0 0 8px;}
.legal-page strong{color:var(--lp-ink);font-weight:600;}
.legal-page .lp-content a{color:var(--lp-brand);text-decoration:underline;text-underline-offset:3px;}

/* Ficha (titular / responsable) */
.legal-page .lp-card{
  background:var(--lp-card);border:1px solid var(--lp-line);border-top:3px solid var(--lp-brand);
  border-radius:4px;padding:28px 32px;margin:8px 0 0;
}
.legal-page .lp-card dl{display:grid;grid-template-columns:190px 1fr;gap:12px 24px;margin:0;}
.legal-page .lp-card dt{
  font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--lp-muted);padding-top:3px;
}
.legal-page .lp-card dd{margin:0;font-size:15px;color:var(--lp-ink);}

/* Finalidades (política de privacidad) */
.legal-page .lp-purpose{
  background:var(--lp-card);border:1px solid var(--lp-line);border-left:3px solid var(--lp-brand);
  border-radius:4px;padding:22px 26px;margin:0 0 16px;
}
.legal-page .lp-purpose p{margin:0 0 8px;font-size:15px;}
.legal-page .lp-purpose p:last-child{margin:0;}
.legal-page .lp-tag{
  font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--lp-brand);margin-right:6px;
}

/* Derechos (política de privacidad) */
.legal-page .lp-rights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px;padding:0 !important;list-style:none;}
.legal-page .lp-rights li{
  background:var(--lp-card);border:1px solid var(--lp-line);border-radius:4px;
  padding:14px 16px;margin:0 !important;font-size:15px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .legal-page .lp-grid{grid-template-columns:1fr;gap:40px;}
  .legal-page .lp-toc{position:static;}
}
@media (max-width:600px){
  .legal-page.legal-body{padding:56px 0 72px;}
  .legal-page .lp-wrap{padding:0 16px;}
  .legal-page .lp-card{padding:22px 20px;}
  .legal-page .lp-card dl{grid-template-columns:1fr;gap:2px;}
  .legal-page .lp-card dd{margin-bottom:12px;}
  .legal-page .lp-purpose{padding:18px;}
  .legal-page .lp-rights{grid-template-columns:1fr;}
}
