/* Diário 94 - Mercados (câmbio, bancos, petróleo) */
.mk-faixa{margin:0 0 28px;padding:16px 18px 18px;background:#fff;border:1px solid var(--gray-200);border-top:3px solid var(--blue);border-radius:10px}
.mk-faixa-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mk-titulo{margin:0;font-family:var(--serif);font-size:22px;font-weight:900;color:var(--black)}
.mk-ver{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}.mk-ver:hover{text-decoration:underline}

.mk-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mk-cartao{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
a.mk-cartao:hover{border-color:var(--blue);transform:translateY(-2px)}
.mk-c-etq{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--blue)}
.mk-c-sub{font-size:11.5px;color:var(--gray-500)}
.mk-c-val{margin-top:4px;font-family:var(--serif);font-size:24px;font-weight:900;color:var(--black);font-variant-numeric:tabular-nums}
.mk-c-pe{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}
.mk-cartoes--grandes{margin-bottom:6px}
.mk-cartoes--grandes .mk-cartao{background:#fff;padding:16px 18px}
.mk-cartoes--grandes .mk-c-val{font-size:30px}

.mk-var{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-var--sobe{background:#e6f5ec;color:#1b7f4b}.mk-var--desce{background:#fdecea;color:#c0392b}.mk-var--0{background:var(--gray-100);color:var(--gray-600)}
.mk-spark{flex:none}.mk-spark--sobe polyline{stroke:#1b7f4b}.mk-spark--desce polyline{stroke:#c0392b}

.mk-pagina .ad{margin:20px auto}
.mk-nota{margin:10px 0 0;font-size:12.5px;color:var(--gray-500);line-height:1.5}
.mk-sub{font-size:12px;color:var(--gray-500);font-weight:400}
.mk-duas{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
@media (max-width:900px){.mk-duas{grid-template-columns:1fr}}
.mk-bloco{padding:18px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;margin-top:22px}
.mk-duas .mk-bloco{margin-top:0}
.mk-h2{margin:0 0 12px;font-family:var(--serif);font-size:20px;font-weight:900;color:var(--black)}
.mk-grande{margin:0 0 4px;font-family:var(--serif);font-size:32px;font-weight:900;color:var(--black);font-variant-numeric:tabular-nums}

.mk-tabela{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.mk-tabela th{padding:8px 8px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);border-bottom:2px solid var(--gray-200)}
.mk-tabela td{padding:9px 8px;border-bottom:1px solid var(--gray-200)}
.mk-tabela .mk-n{text-align:right}.mk-tabela .mk-g{text-align:right;width:100px}
.mk-melhor{color:#1b7f4b;font-weight:800;background:#f0faf4}

.mk-grafico{display:block;width:100%;height:auto}
.mk-g-area{fill:rgba(16,119,173,.10)}.mk-g-linha{stroke:#1077ad}
.mk-g--sobe .mk-g-linha{stroke:#1b7f4b}.mk-g--sobe .mk-g-area{fill:rgba(27,127,75,.10)}
.mk-g--desce .mk-g-linha{stroke:#c0392b}.mk-g--desce .mk-g-area{fill:rgba(192,57,43,.10)}
.mk-g-txt{font-size:11px;fill:var(--gray-500)}

.mk-conv{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mk-conv input,.mk-conv select{padding:9px 10px;border:1px solid var(--gray-300,#d0d5da);border-radius:8px;font:inherit;font-size:14px;background:#fff}
.mk-conv input{width:120px}.mk-conv select{flex:1;min-width:130px}
.mk-seta{color:var(--gray-500)}
.mk-conv-res{margin:12px 0 0;font-size:18px}
.mk-abas{display:flex;gap:6px;margin-bottom:10px}
.mk-aba{padding:7px 16px;border:1px solid var(--gray-200);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--gray-600)}
.mk-aba.is-ativa{background:var(--blue);border-color:var(--blue);color:#fff}
.mk-vazio{color:var(--gray-500);font-size:14px}
.mk-fonte{margin:26px 0 0;font-size:11.5px;color:var(--gray-400);line-height:1.6}
@media (max-width:520px){.mk-c-val{font-size:20px}.mk-cartoes--grandes .mk-c-val{font-size:24px}.mk-tabela{font-size:13px}.mk-tabela .mk-g{display:none}}
.mk-var--n{background:#e8f1f8;color:#0b4f75}
.mk-spark--neutro polyline{stroke:#1077ad !important}

/* Em direto: indicador, destaques ao mudar um valor, KPIs da bolsa */
.mk-vivo{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-family:var(--sans,inherit);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c0392b;vertical-align:middle}
.mk-vivo i{width:8px;height:8px;border-radius:50%;background:#c0392b;animation:mkPulso 1.4s ease-in-out infinite}
@keyframes mkPulso{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
.mk-hora{font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--gray-500)}
.mk-flash-sobe{animation:mkFlashS 2.2s ease-out}.mk-flash-desce{animation:mkFlashD 2.2s ease-out}.mk-flash-n{animation:mkFlashN 2.2s ease-out}
@keyframes mkFlashS{0%,30%{background:#c9efd8}100%{background:transparent}}
@keyframes mkFlashD{0%,30%{background:#f9d6d1}100%{background:transparent}}
@keyframes mkFlashN{0%,30%{background:#d3e8f5}100%{background:transparent}}
.mk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:4px 0 16px}
.mk-kpi{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}
.mk-kpi-num{font-family:var(--serif);font-size:24px;font-weight:900;color:var(--black);font-variant-numeric:tabular-nums}
.mk-kpi-lbl{font-size:12px;color:var(--gray-500)}
.mk-h3{margin:18px 0 8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500)}
.mk-duas--iguais{grid-template-columns:1fr 1fr;margin-top:6px}
@media (max-width:900px){.mk-duas--iguais{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mk-vivo i,.mk-flash-sobe,.mk-flash-desce,.mk-flash-n{animation:none}}
.mk-cartoes--grandes .mk-c-val--peq,.mk-c-val--peq{font-size:20px;line-height:1.2}
.mk-rolar{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:620px){.mk-hm{display:none}.mk-tabela{font-size:13px}.mk-tabela td,.mk-tabela th{padding-left:5px;padding-right:5px}}
