Corrige exibicao de detalhes no frontend do ranking

- Usa dados de pontuacao da API ao inves de objeto vazio
- Ajusta CSS para 3 caixinhas por linha nos blocos
- Corrige icone de expansao (seta ao inves de interrogacao)
- Trunca legendas longas com ellipsis

frontend/src/components/ConsultorCard.css

@@ -242,7 +242,7 @@
 
 .details-grid {
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1.1rem 1.25rem;
   padding-top: 1.1rem;
 }
@@ -267,7 +267,7 @@
 .score-breakdown-total {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.55rem;
+  gap: 0.4rem;
   margin-top: 0.4rem;
   overflow: visible;
   position: relative;
@@ -277,12 +277,13 @@
 .score-breakdown-total .score-item,
 .score-breakdown .score-item-wrapper .score-item,
 .score-breakdown-total .score-item-wrapper .score-item {
-  width: 58px;
-  height: 58px;
+  width: 100%;
+  height: 54px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .score-item {
@@ -303,14 +304,20 @@
 }
 
 .score-item-label {
-  font-size: 0.7rem;
-  letter-spacing: 0.8px;
+  font-size: 0.55rem;
+  letter-spacing: 0;
   color: var(--muted);
+  max-width: 100%;
+  padding: 0 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .score-item-wrapper {
   position: relative;
-  display: inline-block;
+  flex: 0 0 calc(33.333% - 0.3rem);
+  max-width: calc(33.333% - 0.3rem);
 }
 
 .score-item-wrapper .score-item {

frontend/src/components/ConsultorCard.jsx

@@ -104,7 +104,7 @@ const ConsultorCard = ({ consultor, highlight, selecionado, onToggleSelecionado
             <div className="score-value">{pontuacaoTotal}</div>
             <div className="stat-label">Score</div>
           </div>
-          <div className="expand-icon">{expanded ? '?' : '?'}</div>
+          <div className="expand-icon">{expanded ? '▲' : '▼'}</div>
         </div>
       </div>