@import "global.css";

.wrap{max-width:760px;margin:0 auto;padding:0 var(--s-6)}
.card{background:var(--bg);border-radius:var(--r-lg);border:1px solid var(--border);padding:40px 32px;margin-bottom:24px}
.termos-main{padding:24px 0 48px}
.termos-main h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.termos-main .meta{color:var(--muted);font-size:13px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.termos-main h2{font-size:18px;font-weight:700;margin:28px 0 12px;color:var(--brand)}
.termos-main h3{font-size:15px;font-weight:700;margin:20px 0 8px}
.termos-main p{margin-bottom:12px;color:var(--muted);font-size:14px;line-height:1.65}
.termos-main ul{margin:0 0 16px 20px}
.termos-main li{font-size:14px;color:var(--muted);margin-bottom:6px}
.termos-main a{color:var(--brand)}
@media(max-width:560px){.card{padding:24px 20px}}