/* legal.css — páginas /lgl/*. Mesma paleta da página de oferta. */
:root {
  --green-darkest: #0d2e1f;
  --green-dark: #14402c;
  --green: #1f6b47;
  --gold: #f5b41d;
  --cream: #f6f5f0;
  --text: #2b2b2b;
  --muted: #7a7a7a;
  --border: #e2e2dc;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "Inter", -apple-system, sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.75;
  font-size: 15px;
}

.lgl-head {
  background: linear-gradient(160deg, var(--green-dark) 0%, var(--green-darkest) 100%);
  padding: 34px 0 30px;
  text-align: center;
}
.lgl-head h1 {
  font-size: 27px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.4px;
  line-height: 1.25;
}
.lgl-head .updated {
  margin-top: 8px;
  font-size: 12.5px;
  color: rgba(255,255,255,.7);
}

.container { max-width: 760px; margin: 0 auto; padding: 0 20px; }

main { padding: 38px 0 56px; }
main h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--green-darkest);
  letter-spacing: -.2px;
  margin: 32px 0 10px;
}
main h2:first-child { margin-top: 0; }
main p { margin-bottom: 14px; }
main ul, main ol { margin: 0 0 16px 22px; }
main li { margin-bottom: 7px; }
main a { color: var(--green); }
main strong, main b { color: var(--green-dark); }

.callout {
  background: var(--cream);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px 20px;
  margin: 20px 0;
  font-size: 14px;
}

.back {
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 600;
  color: var(--green);
  text-decoration: none;
}
.back:hover { text-decoration: underline; }

footer {
  background: var(--green-darkest);
  color: #fff;
  padding: 30px 0 26px;
  font-size: 11px;
}
footer a { color: #fff; }
.footer-links { list-style: none; text-align: center; margin-bottom: 18px; }
.footer-links li { display: inline-block; margin: 0 8px 6px; }
.footer-links a { text-decoration: none; opacity: .9; font-size: 11.5px; }
.footer-links a:hover { text-decoration: underline; }
.statements { opacity: .72; line-height: 1.75; text-align: center; }
.statements p { margin-bottom: 11px; }
.copyright { text-align: center; opacity: .45; margin-top: 14px; font-size: 11px; }

@media (max-width: 600px) {
  .lgl-head h1 { font-size: 21px; }
  main h2 { font-size: 16.5px; }
}