/* CSS extra pra paginas legais (privacidade, termos) */
.lp-legal{
  max-width:780px;margin:0 auto;
  padding:60px 24px 80px;
}
.lp-legal h1{
  font-size:36px;font-weight:900;
  letter-spacing:-.02em;margin-bottom:8px;
  color:var(--lp-text);
}
.lp-legal-date{
  font-size:13px;color:var(--lp-text-dim);
  margin-bottom:36px;
}
.lp-legal section{margin-bottom:32px}
.lp-legal h2{
  font-size:20px;font-weight:800;
  margin-bottom:12px;color:var(--lp-green-bright);
}
.lp-legal p{
  font-size:15px;line-height:1.7;color:var(--lp-text-muted);
  margin-bottom:12px;
}
.lp-legal p strong{color:var(--lp-text);font-weight:700}
.lp-legal ul{margin:8px 0 12px 22px}
.lp-legal li{
  font-size:15px;line-height:1.7;color:var(--lp-text-muted);
  margin-bottom:6px;
}
.lp-legal li strong{color:var(--lp-text);font-weight:700}
.lp-legal a{color:var(--lp-green-bright);text-decoration:underline}
.lp-legal a:hover{color:var(--lp-green)}

@media(max-width:768px){
  .lp-legal{padding:40px 18px 60px}
  .lp-legal h1{font-size:28px}
  .lp-legal h2{font-size:17px}
  .lp-legal p,.lp-legal li{font-size:14px}
}