/* Mapa de calor da B3 (public/mapa-calor.js): página /bolsa e janela da Sala. */
.mc-caixa { position: relative; width: 100%; border-radius: 12px; overflow: hidden; background: #0b1412; border: 1px solid var(--line); }
.mc-setor { position: absolute; box-sizing: border-box; border: 1px solid #07110f; }
.mc-setor-nome { position: absolute; left: 4px; top: 1px; font-size: 10.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-2); white-space: nowrap; overflow: hidden; max-width: calc(100% - 8px); text-overflow: ellipsis; }
.mc-telha { position: absolute; white-space: nowrap; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; color: #f2f5f3; text-decoration: none; font-size: 11px; line-height: 1.2; border-radius: 2px; }
.mc-telha b { font-size: 12px; font-weight: 700; }
.mc-telha small { font-size: 10.5px; opacity: .9; font-variant-numeric: tabular-nums; }
a.mc-telha:hover { outline: 2px solid #f2f5f3; outline-offset: -2px; z-index: 2; }