/* ============================================================
   Páginas legais (Política de Privacidade e LGPD)
   Usa os mesmos tokens da marca definidos em style.css
   ============================================================ */
.legal-header{
  padding:clamp(6rem,12vw,8rem) 0 clamp(2.5rem,5vw,3.5rem);
  background:linear-gradient(180deg,var(--nude),var(--cream));
  border-bottom:1px solid var(--line);
}
.legal-header .eyebrow{justify-content:flex-start}
.legal-header h1{font-family:var(--serif); font-weight:300; font-size:clamp(2.2rem,5vw,3.4rem); color:var(--ink); margin:.4rem 0 .6rem}
.legal-header p{color:var(--ink-soft); max-width:60ch; margin:0}
.legal-back{
  display:inline-flex; align-items:center; gap:.5rem; margin-bottom:1.6rem;
  font-family:var(--sans); font-size:.76rem; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze);
}
.legal-back:hover{color:var(--bronze-deep)}

.legal-body{padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,8vw,6rem)}
.legal-body .wrap{max-width:820px}
.legal-body h2{
  font-family:var(--serif); font-weight:500; font-size:clamp(1.4rem,3vw,1.9rem); color:var(--ink);
  margin:2.6rem 0 .8rem; padding-top:1.6rem; border-top:1px solid var(--line);
}
.legal-body h2:first-of-type{border-top:0; padding-top:0; margin-top:0}
.legal-body h3{font-family:var(--serif); font-weight:500; font-size:1.2rem; color:var(--bronze); margin:1.6rem 0 .5rem}
.legal-body p, .legal-body li{color:var(--ink-soft); font-size:1rem; line-height:1.8}
.legal-body ul{margin:0 0 1.2em; padding-left:1.2rem}
.legal-body li{margin-bottom:.5rem}
.legal-body a{color:var(--bronze); text-decoration:underline; text-underline-offset:3px}
.legal-body strong{color:var(--ink); font-weight:500}
.legal-note{
  margin-top:2.5rem; padding:1.4rem 1.6rem; background:var(--nude); border-radius:14px;
  border:1px solid var(--line); font-size:.9rem; color:var(--ink-soft);
}
.legal-updated{margin-top:2rem; font-size:.85rem; color:var(--ink-soft); font-style:italic}