/* ==========================================================================
   GUARDIO — páginas legales de la web v2 (/privacidad/, /eliminar-cuenta/)
   Se carga DESPUÉS de /css/guardio-v2.css y reutiliza sus tokens :root.
   Ningún color ni medida nueva: todo sale del design system de la web v2.
   ========================================================================== */

.site-header{background:var(--navy);padding:var(--space-2) 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}
.site-header .brand{color:#fff}
.site-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.site-nav a{color:var(--on-dark);text-decoration:none;font-weight:600;min-height:var(--tap);display:inline-flex;align-items:center}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff;text-decoration:underline}

.legal-wrap{width:min(100% - 2*var(--gap),var(--wrap-chat));margin-inline:auto;padding-bottom:var(--space-5)}
.legal-hero{padding:var(--space-4) 0 var(--space-2)}
.legal-hero h1{font-size:clamp(1.9rem,6vw,3rem);letter-spacing:-.01em}
.legal-hero .lead{font-size:clamp(1.02rem,2.4vw,1.15rem);color:var(--body);max-width:62ch}

.legal-bloque{border-top:1px solid var(--line);margin-top:var(--space-3);padding-top:var(--space-3)}
.legal-bloque h2{font-size:clamp(1.2rem,3.4vw,1.45rem);margin-bottom:.6em}
.legal-bloque p,.legal-bloque li{max-width:68ch}
.legal-bloque ol,.legal-bloque ul{margin:0 0 1em;padding-left:1.4rem}
.legal-bloque ol{list-style:decimal}
.legal-bloque ul{list-style:disc}
.legal-bloque li{margin-bottom:.5rem}
.legal-bloque--nota{background:var(--teal-100);border:1px solid var(--teal);border-radius:var(--radius);padding:var(--space-3)}

.legal-cortesia{margin-top:var(--space-5);padding:var(--space-3);background:var(--warm);border:1px solid var(--line);border-radius:var(--radius-lg)}
.legal-cortesia h2{font-size:clamp(1.4rem,4vw,1.8rem)}
.legal-cortesia h3{font-size:1.15rem;margin-top:1.4em}
.legal-cortesia ol,.legal-cortesia ul{margin:0 0 1em;padding-left:1.4rem}
.legal-cortesia ol{list-style:decimal}
.legal-cortesia ul{list-style:disc}
.legal-cortesia li{margin-bottom:.5rem}
.legal-nota{font-size:.95rem;color:var(--muted);font-style:italic}
.legal-fecha{margin-top:var(--space-3);font-size:.9rem;color:var(--muted)}
.legal-acciones{display:flex;flex-wrap:wrap;gap:.7rem;margin:var(--space-2) 0}