Fix Mapa Css

Elecciones-Web/frontend/src/components/MapaBsAs.css

@@ -23,6 +23,7 @@
   margin: auto;
   height: 88vh;
   min-height: 650px;
+  font-size: 14px; 
 }
 
 .mapa-container {
@@ -88,6 +89,7 @@
   border-radius: 8px;
   padding: 1rem;
   border: none;
+  font-size: 1em;
 }
 
 .info-panel::-webkit-scrollbar { width: 8px; }
@@ -95,11 +97,21 @@
 .info-panel::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); border-radius: 4px; border: 2px solid var(--scrollbar-track-color); }
 .info-panel::-webkit-scrollbar-thumb:hover { background-color: #adb5bd; }
 
-.info-panel h3 { margin-top: 0; color: var(--primary-accent-color); border-bottom: 2px solid var(--border-color); padding-bottom: 0.5rem; }
+.info-panel h3 {
-.info-panel p { color: var(--text-color-muted); }
+  margin-top: 0;
+  color: var(--primary-accent-color);
+  border-bottom: 2px solid var(--border-color);
+  padding-bottom: 0.5rem;
+  font-size: 1.25rem;
+}
+
+.info-panel p {
+  color: var(--text-color-muted);
+  font-size: 0.9rem;
+}
 
 .reset-button-panel {
-  background: none; border: 1px solid var(--primary-accent-color); color: var(--primary-accent-color); padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem; align-self: flex-start;
+  background: none; border: 1px solid var(--primary-accent-color); color: var(--primary-accent-color); padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem; align-self: flex-start; font-size: 0.9rem;
 }
 .reset-button-panel:hover { background-color: var(--primary-accent-color); color: white; }
 
@@ -108,10 +120,22 @@
   margin: auto 0; 
 }
 .detalle-loading, .detalle-error { text-align: center; margin: auto 0; color: var(--text-color-muted); }
-.detalle-metricas { display: flex; justify-content: space-between; font-size: 0.9em; padding-bottom: 1rem; border-bottom: 1px solid var(--border-color); margin-bottom: 1rem; }
+.detalle-metricas {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.9rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--border-color);
+  margin-bottom: 1rem;
+}
 .resultados-lista { list-style: none; padding: 0; margin: 0; }
 .resultados-lista li { margin-bottom: 1rem; }
-.resultado-info { display: flex; justify-content: space-between; margin-bottom: 0.25rem; font-size: 0.9em; }
+.resultado-info {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0.25rem;
+  font-size: 0.9rem;
+}
 .partido-nombre { font-weight: 500; }
 .partido-votos { font-weight: 400; color: var(--text-color-muted); }
 .progress-bar { height: 8px; background-color: var(--progress-bar-background); border-radius: 4px; overflow: hidden; }
@@ -138,7 +162,7 @@
   /* Se define un padding para dar espacio interno al texto. */
   padding: 0.5rem 1rem;
   /* Se ajusta el tamaño de fuente para el texto. */
-  font-size: 0.9em;
+  font-size: 0.9rem;
   font-weight: bold;
   background-color: #ffffff;
   color: #333;
@@ -162,7 +186,12 @@
 .legend h4 {
   margin-top: 0;
 }
-.legend-item { display: flex; align-items: center; margin-bottom: 0.5rem; font-size: 0.85em; }
+.legend-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5rem;
+  font-size: 0.85rem;
+}
 .legend-color-box { width: 16px; height: 16px; margin-right: 8px; border-radius: 3px; border: 1px solid #ccc; }
 
 /* --- ESTILOS PARA RESPONSIVIDAD MÓVIL --- */
@@ -202,7 +231,7 @@
     /* Se ajusta el padding para que sea un buen objetivo táctil (tappable). */
     padding: 0.6rem 1.2rem;
     /* Un tamaño de fuente legible en móviles. */
-    font-size: 1em;
+    font-size: 1rem;
   }
 }
 
@@ -215,7 +244,7 @@
 .mapa-categoria-combobox {
   width: 100%;
   padding: 0.75rem 1rem;
-  font-size: 1em;
+  font-size: 1rem;
   font-weight: 500;
   color: var(--text-color);
   background-color: #f8f9fa;