feat(UI): actualización de colores de ruta a amarillo y fix navegación transporte

frontend/src/composables/useParadaCercana.ts

@@ -1,5 +1,6 @@
 import { ref } from 'vue';
 import type { BusStop } from '@/types';
+import { useMapState } from './useMapState';
 
 // Fórmula Haversine para distancia en línea recta (km)
 function getHaversineDistance(lat1: number, lon1: number, lat2: number, lon2: number): number {
@@ -18,6 +19,7 @@ export function useParadaCercana() {
     const paradaCercana = ref<BusStop | null>(null);
     const distanciaMetros = ref<number>(0);
     const duracionCaminata = ref<number>(0);
+    const { registrarPolyline } = useMapState();
     const caminandoPolyline = ref<google.maps.Polyline | null>(null);
 
     const limpiarCaminata = () => {
@@ -103,20 +105,22 @@ export function useParadaCercana() {
         if (map && mejorRutaPuntos.length > 0) {
             caminandoPolyline.value = new google.maps.Polyline({
                 path: mejorRutaPuntos,
-                strokeColor: '#1E40AF',
+                strokeColor: '#F59E0B',
                 strokeOpacity: 0,
-                strokeWeight: 4,
+                strokeWeight: 3,
                 icons: [{
                     icon: {
                         path: 'M 0,-1 0,1',
                         strokeOpacity: 1,
-                        scale: 3
+                        scale: 3,
+                        strokeColor: '#F59E0B'
                     },
                     offset: '0',
-                    repeat: '20px'
+                    repeat: '12px'
                 }],
                 map: map
             });
+            registrarPolyline(caminandoPolyline.value);
         }
     };