fix(ui): Adjust bottom nav padding, fix router scroll, keep session on PWA, and add ETA loading state

frontend/src/components/auth/LoginForm.vue

@@ -11,7 +11,7 @@ const authStore = useAuthStore()
 
 const email = ref('')
 const password = ref('')
-const keepSession = ref(false)
+const keepSession = ref(true)
 const isLoading = ref(false)
 const errorMessage = ref('')
 const showPassword = ref(false)

frontend/src/components/map/ETACard.vue

@@ -28,7 +28,7 @@
       </p>
 
       <!-- Cabecera de la parada -->
-      <div v-if="stopName" class="mt-4 flex items-start gap-4 pb-4 border-b border-gray-100 dark:border-gray-800">
+      <div v-if="stopName && !isLoading" class="mt-4 flex items-start gap-4 pb-4 border-b border-gray-100 dark:border-gray-800">
         <div class="bg-blue-100 dark:bg-blue-900/40 p-3 rounded-2xl flex-shrink-0">
           <span class="material-icons text-blue-600 dark:text-blue-400 text-3xl">place</span>
         </div>
@@ -51,7 +51,9 @@
         <!-- Estado de carga -->
         <div v-if="isLoading" class="flex flex-col items-center justify-center py-8">
           <div class="w-10 h-10 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
-          <span class="mt-4 text-gray-500 dark:text-gray-400 font-medium animate-pulse">Calculando satélites...</span>
+          <span class="mt-4 text-gray-500 dark:text-gray-400 font-medium animate-pulse">
+            {{ stopName ? 'Calculando llegada...' : 'Cargando datos de ruta...' }}
+          </span>
         </div>
 
         <!-- Sin servicio -->

frontend/src/router/index.ts

@@ -5,6 +5,13 @@ import { useAuthStore } from '@/stores/auth'
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
+    scrollBehavior(_to, _from, savedPosition) {
+        if (savedPosition) {
+            return savedPosition;
+        } else {
+            return { top: 0 };
+        }
+    },
     routes: [
         // ─── Vistas Públicas Core ───────────────────────────────────────────
         {

frontend/src/views/MapView.vue

@@ -701,7 +701,7 @@ watch([() => authStore.userProfile?.auto_location, isLoaded], ([canLocate, loade
       :walk-distance="distanciaMetros"
       :walk-duration="duracionCaminata"
       :buses="busesActivos"
-      :is-loading="etaCargando"
+      :is-loading="etaCargando || isUpdatingMarkers || flujoCargando"
       @close="handleETACardDismiss"
       @refresh="paradaCercana && routeStore.selectedRouteId ? calcularETA(routeStore.selectedRouteId, paradaCercana) : null"
     />
@@ -751,7 +751,7 @@ watch([() => authStore.userProfile?.auto_location, isLoaded], ([canLocate, loade
 
 .map-floating-controls {
   position: fixed;
-  bottom: 85px; 
+  bottom: calc(95px + var(--safe-area-bottom)); 
   right: 16px;
   display: flex;
   flex-direction: column;
@@ -865,6 +865,8 @@ watch([() => authStore.userProfile?.auto_location, isLoaded], ([canLocate, loade
 }
 
 @media (max-width: 600px) {
-  .map-floating-controls { bottom: 100px; }
+  .map-floating-controls { 
+    bottom: calc(100px + var(--safe-area-bottom)); 
+  }
 }
 </style>