/* ===== AlkoraOS — estilo das páginas legais (Privacidade / Termos) ===== */
/* Importa o mesmo design system do site via styles.css; isto complementa */

.legal-hero{padding:72px 0 28px;border-bottom:1px solid var(--line-soft)}
.legal-hero .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);display:flex;align-items:center;gap:9px;margin-bottom:18px}
.legal-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,5vw,46px);letter-spacing:-.02em;line-height:1.05}
.legal-hero .upd{font-family:var(--mono);font-size:12px;color:var(--dimmer);margin-top:16px;letter-spacing:.04em}

.legal-wrap{max-width:820px;margin:0 auto;padding:48px 24px 80px}
.legal-wrap h2{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.01em;margin:44px 0 14px;color:var(--white)}
.legal-wrap h2:first-child{margin-top:0}
.legal-wrap h3{font-family:var(--display);font-weight:600;font-size:16px;margin:26px 0 10px;color:var(--white)}
.legal-wrap p{color:var(--dim);font-size:15.5px;line-height:1.75;margin-bottom:14px}
.legal-wrap ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.legal-wrap li{color:var(--dim);font-size:15.5px;line-height:1.6;display:flex;gap:12px;align-items:flex-start}
.legal-wrap li::before{content:"";width:5px;height:5px;flex:none;margin-top:9px;transform:rotate(45deg);background:var(--mint)}
.legal-wrap li b,.legal-wrap p b{color:var(--white);font-weight:500}
.legal-wrap a{color:var(--mint);text-decoration:none;border-bottom:1px solid rgba(177,220,193,.3)}
.legal-wrap a:hover{border-bottom-color:var(--mint)}

.legal-toc{border:1px solid var(--line-soft);border-radius:14px;padding:24px 26px;background:var(--panel);margin-bottom:40px}
.legal-toc h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);margin-bottom:14px}
.legal-toc ol{margin:0;padding-left:20px;display:grid;gap:8px}
.legal-toc li{color:var(--dim);font-size:14px;line-height:1.4}
.legal-toc a{color:var(--dim);text-decoration:none;border:none}
.legal-toc a:hover{color:var(--mint)}

.legal-callout{border:1px solid var(--line);border-radius:14px;padding:22px 26px;background:linear-gradient(160deg,rgba(177,220,193,.06),var(--panel));margin:24px 0}
.legal-callout p{margin:0;color:var(--white);font-size:15px}
.legal-callout p b{color:var(--mint)}

.legal-note{font-family:var(--mono);font-size:12px;color:var(--dimmer);line-height:1.6;border-top:1px solid var(--line-soft);margin-top:48px;padding-top:24px}

.legal-fill{color:var(--mint);background:rgba(177,220,193,.10);border:1px solid var(--line);border-radius:5px;padding:1px 7px;font-family:var(--mono);font-size:.9em}