/* descoberta.css — filtros em cascata, legenda do heatmap e cards de empresa. */

.filtros label{margin-top:4px}
.filtros select{width:100%}
.filtros .linha select{flex:1;min-width:0}
.filtros select:disabled{opacity:.5;cursor:not-allowed}

.passo{display:flex;align-items:center;gap:8px;margin:16px 0 8px;
  font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut)}
.passo:first-child{margin-top:0}
.passo .num{display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;background:var(--accent);color:#04101c;
  font-weight:800;font-size:11px}

.razao.oculto{display:none}
.razao input{width:100%}

/* resumo do heatmap / relevantes */
.resumo .metricas{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}
.resumo .metricas .m{font-size:12px;color:var(--mut)}
.resumo .metricas .m b{display:block;font-size:18px;color:var(--txt)}

/* legenda do mapa de calor */
.legenda{position:absolute;right:12px;bottom:22px;z-index:500;background:var(--panel);
  border:1px solid var(--line);border-radius:10px;padding:8px 10px;
  display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.legenda.oculto{display:none}
.legenda .tit{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.legenda .grad{width:160px;height:10px;border-radius:6px;
  background:linear-gradient(90deg,#2b83ba,#7fcdbb,#ffffbf,#fdae61,#d7191c)}
.legenda .ends{display:flex;justify-content:space-between}
.legenda .ends i{font-style:normal;font-size:10px;color:var(--mut)}

/* extras do card de empresa relevante */
.card .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{font-size:10px;padding:2px 7px;border-radius:20px;border:1px solid var(--line);
  color:var(--mut)}
.chip.porte{color:var(--accent);border-color:var(--accent)}
.chip.cap{color:var(--accent2);border-color:var(--accent2)}
.card .local{font-size:11px;color:var(--mut);margin-top:6px}

.contador{font-size:12px;color:var(--mut);margin:2px 0 10px}

@media (max-width:760px){
  .painel{width:100%;max-width:100%}
  .legenda .grad{width:120px}
}