/* Boletim mensal do emprego (/boletim; app/Site/boletim.php). Usa as variáveis de mercado.css (--jm-*). */
.bo-pagina { padding-top: 28px; padding-bottom: 48px; }
.bo-meses { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-weight: 700; }
.bo-meses select { min-height: 42px; padding: 6px 10px; border: 1.5px solid #c9cedd; border-radius: 8px; font: inherit; background: #fff; }
.bo-numeros { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.bo-numeros li { display: flex; flex-direction: column; gap: 4px; padding: 18px; background: #fff; border: 1px solid var(--jm-fio); border-radius: 14px; }
.bo-numeros strong { font-family: var(--jm-titulo); font-size: 32px; line-height: 1.05; color: var(--jm-primaria); }
.bo-numeros span { color: var(--jm-cinza); font-size: 14.5px; }
.bo-numeros small { color: var(--jm-cinza); font-size: 13px; }
.bo-var { align-self: flex-start; font-size: 12.5px !important; font-weight: 800; padding: 1px 8px; border-radius: 99px; background: #eef0f5; color: var(--jm-texto) !important; }
.bo-sobe { background: #e4f4ea; color: #1d6b45 !important; }
.bo-desce { background: #fde8e8; color: #a12a2a !important; }
.bo-nota { color: var(--jm-cinza); font-size: 13.5px; margin: 10px 0 0; }
.bo-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bo-caixa { background: #fff; border: 1px solid var(--jm-fio); border-radius: 14px; padding: 22px; }
.bo-caixa h2 { font-size: 22px; margin-bottom: 12px; }
.bo-caixa h2:not(:first-child) { margin-top: 22px; }
.bo-barras, .bo-lista { list-style: none; margin: 0; padding: 0; }
.bo-barras li { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 7fr) 48px; gap: 10px; align-items: center; padding: 5px 0; font-size: 14.5px; }
.bo-barra { height: 10px; border-radius: 99px; background: #eef0f5; overflow: hidden; }
.bo-barra i { display: block; height: 100%; background: var(--jm-acao); border-radius: 99px; }
.bo-barras b { text-align: right; font-variant-numeric: tabular-nums; }
.bo-lista li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--jm-fio); font-size: 14.5px; }
.bo-lista li:last-child { border-bottom: 0; }
.bo-lista b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.bo-caixa a { color: var(--jm-primaria); }
.bo-destaque { font-family: var(--jm-titulo); font-size: 30px; color: var(--jm-primaria); margin: 0 0 4px; }
.bo-destaque small { display: block; font-family: inherit; font-size: 13.5px; color: var(--jm-cinza); font-weight: 400; }
html .bo-pagina .bo-selo .ti-selo { display: inline-block; width: 18px; height: 18px; vertical-align: -3px; line-height: 0; filter: none; }
.bo-selo .ti-selo svg { width: 100%; height: 100%; }
.bo-citar { background: var(--jm-suave); border-radius: 14px; padding: 20px 22px; }
@media (max-width: 1000px) { .bo-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bo-grade { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 420px) { .bo-numeros { grid-template-columns: minmax(0, 1fr); } .bo-caixa { padding: 18px 16px; } .bo-barras li { grid-template-columns: minmax(0, 1fr) 70px 40px; } }