/* legal.css — full autònom per a la pàgina d'avís legal, privacitat i galetes.
   No toca cap altre full: es carrega només des d'avis-legal.html i reutilitza
   les variables d'editorial.css (--ed-*). Si algun dia hi ha més pàgines
   legals, poden compartir aquest fitxer. */

.legal-hero{display:grid;grid-template-columns:1.55fr .95fr;gap:52px;align-items:end;padding-bottom:44px;border-bottom:1px solid var(--ed-line)}
.legal-hero .editorial-display{margin:16px 0 20px}
.legal-hero .editorial-lede{max-width:44ch}

.legal-summary{background:var(--ed-paper);border:1px solid var(--ed-line);border-left:4px solid var(--ed-blue);border-radius:14px;padding:26px 28px}
.legal-summary strong{display:block;font:600 10px var(--ed-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ed-blue);margin-bottom:14px}
.legal-summary p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--ed-muted)}
.legal-summary p:last-child{margin-bottom:0}
.legal-summary b{color:var(--ed-ink);font-weight:600}

.legal-index{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 8px}
.legal-index a{display:inline-block;padding:8px 14px;border:1px solid var(--ed-line);border-radius:999px;background:var(--ed-paper);color:var(--ed-muted);font:500 11px var(--ed-mono);letter-spacing:.03em;text-decoration:none;transition:border-color .18s,color .18s}
.legal-index a:hover,.legal-index a:focus-visible{border-color:var(--ed-blue);color:var(--ed-blue)}

.legal-body{max-width:74ch;margin-top:46px}
.legal-date{margin:0 0 40px;color:var(--ed-muted);font:500 11px var(--ed-mono);letter-spacing:.05em;text-transform:uppercase}
.legal-body section{padding-top:14px;margin-bottom:52px;scroll-margin-top:24px}
.legal-body h2{font:600 clamp(25px,3.1vw,34px)/1.12 var(--ed-serif);letter-spacing:-.03em;margin:0 0 20px}
.legal-body h3{font:600 17px/1.3 var(--ed-sans);letter-spacing:-.015em;margin:30px 0 10px;color:var(--ed-blue)}
.legal-body p{font-size:16px;line-height:1.72;margin:0 0 16px}
.legal-body a{color:var(--ed-blue);text-underline-offset:3px}
.legal-body strong{font-weight:600}

.legal-list{margin:0 0 18px;padding:0;list-style:none}
.legal-list li{position:relative;padding-left:22px;margin-bottom:11px;font-size:16px;line-height:1.68}
.legal-list li:before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--ed-accent);box-shadow:0 0 0 1px var(--ed-ink)}

.legal-data{margin:0 0 20px;padding:0;list-style:none;border-top:1px solid var(--ed-line)}
.legal-data li{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--ed-line)}
.legal-data span{font:600 10px var(--ed-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ed-muted)}
.legal-data strong{font-size:16px;font-weight:600;line-height:1.45}

.legal-highlight{background:var(--ed-blue-soft);border-radius:14px;padding:22px 26px;font-size:17px!important;line-height:1.62!important}

.legal-foot{margin-top:56px;padding-top:26px;border-top:1px solid var(--ed-line);color:var(--ed-muted);font-size:14px!important}

@media(max-width:900px){
  .legal-hero{grid-template-columns:1fr;gap:32px;align-items:start}
  .legal-body{margin-top:34px}
  .legal-data li{grid-template-columns:1fr;gap:4px}
  .legal-highlight{padding:20px}
}