Fix auth form visibility (static imports + remove transition) and map zoom logic synchronization

frontend/src/views/MapView.vue

@@ -48,6 +48,7 @@ const userCoords = ref<{ lat: number; lng: number } | null>(null);
 const optimalStopPulse = ref<any>(null);
 const showRouteDropdown = ref(false);
 const isInternalSelection = ref(false);
+const forceDetailedZoom = ref(false);
 
 const alturaNavbar = ref(64);
 // Search state
@@ -385,6 +386,14 @@ async function updateMapMarkers(skipZoom = false) {
       return;
     }
 
+    // SI SE REQUIERE ZOOM DETALLADO (selección manual desde el mapa)
+    if (forceDetailedZoom.value) {
+        console.log('🤖 JARVIS: Aplicando zoom detallado a la parada más cercana...');
+        await highlightOptimalStopForRoute();
+        forceDetailedZoom.value = false; // Consumimos el flag
+        isInternalSelection.value = false; // Limpiamos el flag de control
+    }
+
     // All stop markers loop removed per request to avoid marking stops on map
   } finally {
     isUpdatingMarkers.value = false;
@@ -438,17 +447,23 @@ async function updatePromoMarkers() {
 
 async function selectRouteAndClose(routeId: string, routeName: string) {
   console.log(`🤖 JARVIS: Iniciando viaje hacia ${routeName}`);
+  
+  if (routeStore.selectedRouteId === routeId) {
+    // Si la ruta ya estaba seleccionada, solo hacemos el zoom y cerramos
+    showUberSearch.value = false;
+    showRouteDropdown.value = false;
+    await highlightOptimalStopForRoute();
+    return;
+  }
+
   isInternalSelection.value = true;
+  forceDetailedZoom.value = true;
   routeStore.wasSelectedFromMap = true;
   await routeStore.selectRoute(routeId, routeName);
   showRouteDropdown.value = false;
   showUberSearch.value = false; // Close the expanded search panel
   
-  // Highlight the optimal stop ONLY in this flow when initiated from the map search
-  if (routeStore.selectedRouteStops.length > 0) {
-    await highlightOptimalStopForRoute();
-  }
-  isInternalSelection.value = false;
+  // El zoom detallado ocurrirá dentro de updateMapMarkers cuando terminen de cargar los datos
 }
 async function updateActiveUnits() {
   if (!isLoaded.value) return;
@@ -574,7 +589,9 @@ async function highlightOptimalStopForRoute() {
     const stopObj = paradaCercana.value as BusStop;
     console.log(`🤖 JARVIS: Parada óptima detectada: ${stopObj.name}`);
     
-    // Ya no centramos o hacemos zoom aquí manual porque la nueva gráfica de updateMapMarkers ajusta bounds y engloba location.
+    // Restaurar centrado y zoom en la parada óptima para que el usuario la vea claramente
+    setCenter(stopObj.latitude, stopObj.longitude);
+    setZoom(17); // Zoom más cercano para ver la parada y alrededores
 
     // Añadir el PULSO NARANJA
     if (optimalStopPulse.value && typeof optimalStopPulse.value.setMap === 'function') {