/* Solo lo de /privacy/. Los tokens y la base van en base.css; la
   cabecera y el pie, en chrome.css. Aqui no se repite nada de eso. */
/* ═══════════ PÁGINAS LEGALES ═══════════
   Un documento legal se lee, no se recorre: columna estrecha, interlineado
   generoso y jerarquía plana. Sin animaciones de scroll a propósito — aquí
   nadie viene a que le impresionen, viene a comprobar una cosa concreta. */
#lg-hero{background:var(--dark);color:var(--cream);background-image:var(--dots-d);background-size:30px 30px;
 padding:calc(var(--navh) + clamp(34px,5vh,64px)) 0 clamp(38px,6vh,64px)}
#lg-hero h1{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
 line-height:.94;font-size:clamp(30px,min(4.6vw,6.2vh),58px);max-width:16ch}
#lg-hero .lead{color:rgba(236,229,219,.72);max-width:56ch}
.lg-fecha{margin-top:clamp(20px,3vh,30px);font-size:13px;letter-spacing:.04em;color:rgba(236,229,219,.5)}

.lg-body{padding:clamp(48px,7vw,86px) 0 clamp(64px,9vw,110px)}
.lg-col{max-width:74ch}
.lg-col h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.015em;
 line-height:1;font-size:clamp(21px,2.6vw,30px);margin:clamp(38px,5vh,58px) 0 14px;
 padding-top:clamp(24px,3vh,34px);border-top:1px solid var(--line)}
.lg-col h2:first-child{margin-top:0;padding-top:0;border-top:0}
.lg-col h3{font-size:15px;font-weight:600;margin:24px 0 8px}
.lg-col p{margin-bottom:14px;font-size:15.5px;line-height:1.75}
.lg-col ul{list-style:none;margin:0 0 16px}
.lg-col li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.7;margin-bottom:9px}
.lg-col li::before{content:'';position:absolute;left:2px;top:11px;width:6px;height:6px;
 border-radius:50%;background:var(--accent)}
.lg-col b,.lg-col strong{font-weight:600}
.lg-col a{color:var(--accent-dk);text-decoration:underline;text-underline-offset:3px}

/* Los datos del prestador y las tablas de datos: en tarjeta, porque son lo
   que la gente viene a buscar y lo que exige la ley que se vea. */
.lg-caja{background:var(--paper);border:1px solid var(--line);border-radius:16px;
 padding:clamp(20px,2.6vw,30px);margin:18px 0 26px}
.lg-caja dl{display:grid;grid-template-columns:auto 1fr;gap:9px clamp(16px,2.4vw,30px);margin:0}
.lg-caja dt{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
 color:var(--muted);padding-top:2px}
.lg-caja dd{font-size:15.5px;margin:0}
@media(max-width:620px){.lg-caja dl{grid-template-columns:1fr;gap:3px}.lg-caja dd{margin-bottom:11px}}

/* Aviso destacado: lo que de verdad hay que leer aunque no se lea el resto. */
.lg-nota{background:rgba(199,42,8,.06);border-left:3px solid var(--accent);
 border-radius:0 12px 12px 0;padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,26px);margin:20px 0 26px}
.lg-nota p:last-child{margin-bottom:0}