/* Utilitários: o que antes era style="…" escrito na tag (HTML e telas montadas pelo JavaScript).
   Sem estilo na tag, a Content-Security-Policy dispensa o 'unsafe-inline' em style-src.
   Uma classe por declaração, com nome curto: mt-10 = margin-top:10px, col-inteira = grid-column:1/-1,
   cor-alerta = color:var(--alerta)… São !important e este arquivo vem por último: valem como valia o
   estilo da tag, acima das regras dos componentes. Declaração nova: uma classe nova aqui (e nada de
   style="" — o teste testes/unitario/acoes.py recusa).

   comeca-oculto: o elemento começa escondido e o JavaScript mostra (el.style.display = ''). O
   js/comum/comum.js troca a classe por style.display = 'none' (pelo CSSOM, que a CSP permite) assim
   que a página carrega; até lá, a regra abaixo esconde. */
.comeca-oculto{display:none}
/* escondido: o JavaScript liga e desliga (classList.toggle), para quem tem display próprio no CSS */
.escondido{display:none !important}

.ai-centro{align-items:center !important}
.ai-fim{align-items:flex-end !important}
.ai-inicio{align-items:flex-start !important}
.as-end{align-self:end !important}
.base-100p{flex-basis:100% !important}
.borda-b-linha{border-bottom:1px solid var(--linha) !important}
.borda-b-none{border-bottom:none !important}
.borda-linha{border:1px solid var(--linha) !important}
.borda-none{border:none !important}
.borda-t-linha{border-top:1px solid var(--linha) !important}
.caixa-modelo-borda{box-sizing:border-box !important}
.caixa-uppercase{text-transform:uppercase !important}
.col-inteira{grid-column:1/-1 !important}
.cor-1b7a3a{color:#1b7a3a !important}
.cor-666{color:#666 !important}
.cor-alerta{color:var(--alerta) !important}
.cor-mata-escuro{color:var(--mata-escuro) !important}
.cor-tinta-suave{color:var(--tinta-suave) !important}
.cor-verde{color:var(--verde) !important}
.cursor-default{cursor:default !important}
.cursor-pointer{cursor:pointer !important}
.d-block{display:block !important}
.d-flex{display:flex !important}
.d-inline-block{display:inline-block !important}
.d-inline-flex{display:inline-flex !important}
.direcao-column{flex-direction:column !important}
.encolhe-0{flex-shrink:0 !important}
.espaco-008em{letter-spacing:0.08em !important}
.flex-1{flex:1 !important}
.flex-1-1-220{flex:1 1 220px !important}
.flex-1-1-260{flex:1 1 260px !important}
.flex-none{flex:none !important}
.fonte-baloo{font-family:'Baloo 2' !important}
.fs-085rem{font-size:0.85rem !important}
.fs-08rem{font-size:0.8rem !important}
.fs-092rem{font-size:0.92rem !important}
.fs-115rem{font-size:1.15rem !important}
.fundo-e3f6e8{background:#e3f6e8 !important}
.fundo-eeeeee{background:#eeeeee !important}
.fundo-fff{background:#fff !important}
.fw-nowrap{flex-wrap:nowrap !important}
.fw-wrap{flex-wrap:wrap !important}
.gap-10{gap:10px !important}
.gap-12{gap:12px !important}
.gap-16{gap:16px !important}
.gap-4{gap:4px !important}
.gap-6{gap:6px !important}
.gap-8{gap:8px !important}
.h-40{height:40px !important}
.h-75vh{height:75vh !important}
.jc-centro{justify-content:center !important}
.jc-espalha{justify-content:space-between !important}
.jc-fim{justify-content:flex-end !important}
.jc-inicio{justify-content:flex-start !important}
.m-0{margin:0 !important}
.m-0-0-6{margin:0 0 6px !important}
.m-0-14-6-0{margin:0 14px 6px 0 !important}
.m-10-0{margin:10px 0 !important}
.m-10-0-0{margin:10px 0 0 !important}
.m-10-0-2{margin:10px 0 2px !important}
.m-10-0-4{margin:10px 0 4px !important}
.m-10-0-6{margin:10px 0 6px !important}
.m-12-0-6{margin:12px 0 6px !important}
.m-14-0-6{margin:14px 0 6px !important}
.m-16-0-12{margin:16px 0 12px !important}
.m-16-0-40{margin:16px 0 40px !important}
.m-16-0-6{margin:16px 0 6px !important}
.m-2-0-14{margin:2px 0 14px !important}
.m-4-0-0-12{margin:4px 0 0 12px !important}
.m-4-0-0-14{margin:4px 0 0 14px !important}
.m-4-0-0-18{margin:4px 0 0 18px !important}
.m-4-12-0-0{margin:4px 12px 0 0 !important}
.m-6-0{margin:6px 0 !important}
.m-6-0-0{margin:6px 0 0 !important}
.m-6-0-0-12{margin:6px 0 0 12px !important}
.m-6-0-10{margin:6px 0 10px !important}
.m-6-0-12{margin:6px 0 12px !important}
.m-8-0{margin:8px 0 !important}
.m-8-0-0{margin:8px 0 0 !important}
.maxw-1000{max-width:1000px !important}
.maxw-100p{max-width:100% !important}
.maxw-360{max-width:360px !important}
.maxw-900{max-width:900px !important}
.mb-0{margin-bottom:0 !important}
.mb-10{margin-bottom:10px !important}
.mb-12{margin-bottom:12px !important}
.mb-14{margin-bottom:14px !important}
.mb-16{margin-bottom:16px !important}
.mb-18{margin-bottom:18px !important}
.mb-2{margin-bottom:2px !important}
.mb-20{margin-bottom:20px !important}
.mb-24{margin-bottom:24px !important}
.mb-28{margin-bottom:28px !important}
.mb-4{margin-bottom:4px !important}
.mb-6{margin-bottom:6px !important}
.mb-8{margin-bottom:8px !important}
.minw-160{min-width:160px !important}
.minw-200{min-width:200px !important}
.minw-220{min-width:220px !important}
.minw-240{min-width:240px !important}
.ml-14{margin-left:14px !important}
.ml-70{margin-left:70px !important}
.ml-8{margin-left:8px !important}
.mt-10{margin-top:10px !important}
.mt-12{margin-top:12px !important}
.mt-14{margin-top:14px !important}
.mt-16{margin-top:16px !important}
.mt-18{margin-top:18px !important}
.mt-20{margin-top:20px !important}
.mt-22{margin-top:22px !important}
.mt-3{margin-top:3px !important}
.mt-6{margin-top:6px !important}
.mt-8{margin-top:8px !important}
.ov-auto{overflow:auto !important}
.ov-hidden{overflow:hidden !important}
.p-0{padding:0 !important}
.p-0-16-14{padding:0 16px 14px !important}
.p-0-18-12{padding:0 18px 12px !important}
.p-12-16{padding:12px 16px !important}
.p-12-18{padding:12px 18px !important}
.p-14-16{padding:14px 16px !important}
.p-14-18{padding:14px 18px !important}
.p-14-18-6{padding:14px 18px 6px !important}
.peso-400{font-weight:400 !important}
.peso-600{font-weight:600 !important}
.peso-800{font-weight:800 !important}
.pl-0{padding-left:0 !important}
.pr-0{padding-right:0 !important}
.raio-12{border-radius:12px !important}
.resize-vertical{resize:vertical !important}
.txt-right{text-align:right !important}
.w-100p{width:100% !important}
.w-72{width:72px !important}
.w-auto{width:auto !important}
/* texto escrito pela pessoa: as quebras de linha dela aparecem */
.ws-pre-line{white-space:pre-line !important}
.w-janela{width:min(1100px,calc(100vw - 32px)) !important}
.op-06{opacity:.6 !important}