/* A página dos textos legais (/legal/): leitura confortável, no celular e no computador. */
.legal { max-width: 860px; }
.legal-escolhas { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; justify-content: space-between; margin-bottom: 14px; }
.legal-abas { display: flex; gap: 6px; }
.legal-abas a { padding: 10px 16px; min-height: 44px; display: flex; align-items: center; border-radius: 999px; text-decoration: none; font-weight: 700; color: var(--tblr-body-color); background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); }
.legal-abas a.ativo { background: #4da3ff; color: #06121f; border-color: #4da3ff; }
.legal-sel { display: flex; gap: 10px; }
.legal-sel label { display: flex; flex-direction: column; font-size: .8rem; color: var(--tblr-secondary); gap: 2px; }
.legal-sel select { min-height: 40px; border-radius: 10px; padding: 0 10px; border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color); }
#doc .card-body { padding: clamp(18px, 4vw, 40px); font-size: 1.02rem; line-height: 1.65; }
#doc h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); margin: 0 0 .25rem; }
#doc h2 { font-size: 1.3rem; margin: 1.8rem 0 .6rem; }
#doc h3 { font-size: 1.08rem; margin: 1.3rem 0 .4rem; }
#doc ul { padding-left: 1.3rem; }
#doc li { margin: .25rem 0; }
.legal-versao { color: var(--tblr-secondary); font-size: .9rem; margin-bottom: 1.2rem; }
.legal-aviso { margin-bottom: 1rem; }