fix(map): add 'Cerrar ruta' button to ETACard + show ArrivalBanner X in both eta/navigating phases

frontend/src/components/map/ETACard.vue

@@ -22,10 +22,20 @@
         @touchstart="onTouchStart"
       ></div>
 
-      <!-- Indicador visual de que se puede arrastrar -->
-      <p class="text-center text-[10px] text-gray-400 mt-1 mb-0 pointer-events-none">
-        Desliza hacia abajo para cerrar
-      </p>
+      <!-- Barra superior: hint de drag + botón cerrar ruta -->
+      <div class="flex items-center justify-between mt-1 mb-0">
+        <p class="text-[10px] text-gray-400 pointer-events-none">
+          Desliza hacia abajo para minimizar
+        </p>
+        <button
+          @click="$emit('close-route')"
+          class="flex items-center gap-1 px-2.5 py-1 rounded-full bg-red-50 dark:bg-red-900/30 text-red-500 dark:text-red-400 text-[11px] font-bold hover:bg-red-100 dark:hover:bg-red-900/50 transition-colors"
+          title="Cerrar ruta"
+        >
+          <span class="material-icons" style="font-size:14px">close</span>
+          Cerrar ruta
+        </button>
+      </div>
 
       <!-- 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">
@@ -156,7 +166,8 @@ defineProps<{
 }>();
 
 const emit = defineEmits<{
-  (e: 'close'): void;   // drag hacia abajo → pasar a fase navigating
+  (e: 'close'): void;        // drag hacia abajo → pasar a fase navigating (minimizar)
+  (e: 'close-route'): void;  // botón X → cerrar ruta completamente
   (e: 'refresh'): void;
 }>();