Fix Map Control Styles

Elecciones-Web/frontend/src/features/legislativas/nacionales/PanelNacional.css

@@ -163,7 +163,6 @@
   flex: 1;
   overflow-y: auto;
   padding: 1.25rem;
-  /* ANTES: 1.5rem */
   transition: all 0.5s ease-in-out;
   min-width: 320px;
 }
@@ -631,8 +630,10 @@
   }
 
   .resultados-column {
-    padding: 1rem;
+    padding: 0.5rem;
     overflow-y: auto;
+    z-index: 15;
+    padding-bottom: 45px;
   }
 
   .mapa-column .mapa-componente-container,
@@ -640,8 +641,8 @@
     height: 100%;
   }
 
-  .panel-partidos-container .partido-fila:last-child {
-    margin-bottom: 90px;
+  .panel-partidos-container {
+    padding-bottom: 0;
   }
 
   .zoom-controls-container,
@@ -652,7 +653,6 @@
   .header-bottom-row {
     flex-direction: column;
     align-items: stretch;
-    /* Para que ambos elementos ocupen el ancho completo */
     gap: 1rem;
   }
 
@@ -693,14 +693,15 @@
 
     .panel-toggle-btn {
       display: flex;
+
     }
   }
 }
 
 /* --- ESTILOS PARA LA TARJETA DE RESULTADOS EN MÓVIL (ACTUALIZADOS) --- */
 .mobile-results-card-container {
-  position: absolute;
-  bottom: 10px;
+  position: fixed;
+  bottom: 1px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 40;

Elecciones-Web/frontend/src/features/legislativas/nacionales/components/MapaNacional.tsx

@@ -54,9 +54,8 @@ interface MapaNacionalProps {
 
 // --- CONFIGURACIONES DEL MAPA ---
 const desktopProjectionConfig = { scale: 700, center: [-65, -40] as [number, number] };
-const mobileProjectionConfig = { scale: 1050, center: [-64, -43] as [number, number] };
-const mobileSmallProjectionConfig = { scale: 900, center: [-64, -43] as [number, number] };
-
+const mobileProjectionConfig = { scale: 1000, center: [-64, -43] as [number, number] };
+const mobileSmallProjectionConfig = { scale: 750, center: [-64, -45] as [number, number] };
 
 export const MapaNacional = ({ eleccionId, categoriaId, nivel, nombreAmbito, nombreProvinciaActiva, provinciaDistritoId, onAmbitoSelect, onVolver, isMobileView }: MapaNacionalProps) => {
   const isMobileSmall = useMediaQuery('(max-width: 380px)');