/* ==========================================================
   legal.css — Lírius Decor
   Páginas de privacidade, cookies, termos e 404.
   Carrega depois de tokens.css para usar as mesmas cores e fontes.
   ========================================================== */
*{box-sizing:border-box}
body{margin:0;background:var(--off-white);color:var(--ink);font:17px/1.7 var(--font-sans)}
.legal-top{background:var(--green-deep);padding:18px 16px;text-align:center}
.legal-top img{width:84px;height:84px;margin:0 auto}
.legal,.erro404{max-width:760px;margin:0 auto;padding:40px 18px 72px}
.legal h1{font:500 clamp(2.1rem,6vw,2.8rem)/1.1 var(--font-serif);color:var(--green-deep);margin:14px 0}
.legal h2{font:600 1.45rem/1.2 var(--font-serif);color:var(--green-deep);margin:32px 0 8px}
.legal p,.legal td,.legal th,.legal li{color:var(--muted)}
.legal ul{padding-left:22px}
.legal a,.voltar{color:var(--green-mid);text-decoration:underline;text-underline-offset:3px}
.legal table{width:100%;border-collapse:collapse;margin:12px 0;display:block;overflow-x:auto}
.legal th,.legal td{border:1px solid rgba(82,123,98,.3);padding:10px;text-align:left;font-size:.95rem;vertical-align:top}
.legal th{background:#EDF4EF;color:var(--green-deep)}
.atualizado,.legal-footer{font-size:.9rem}
.pendente{background:#FFF3CD;color:#5c4400;padding:0 4px;border-radius:4px}
.btn-legal,.link-btn{min-height:46px;padding:12px 20px;border:1px solid var(--green-mid);border-radius:999px;background:transparent;color:var(--green-deep);font:700 .8rem/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.btn-legal.primario{background:var(--green-deep);color:var(--off-white);border-color:var(--green-deep)}
.link-btn{border:0;padding:0;min-height:28px;text-decoration:underline;text-transform:none;letter-spacing:0;font-weight:500;font-size:1rem;color:var(--green-mid)}
.erro404{text-align:center;padding-top:12vh}
.erro404 .codigo{font:500 6rem/1 var(--font-serif);color:var(--gold-ink);margin:0}
.erro404 h1{font:500 2.4rem/1.1 var(--font-serif);color:var(--green-deep);margin:10px 0}
.erro404 p{color:var(--muted)}
.acoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}