diff --git a/src/routes/planes/_lista/route.tsx b/src/routes/planes/_lista/route.tsx
index 79ee09d..944f6ac 100644
--- a/src/routes/planes/_lista/route.tsx
+++ b/src/routes/planes/_lista/route.tsx
@@ -223,7 +223,17 @@ function RouteComponent() {
                     estado={estado?.etiqueta ?? 'Desconocido'}
                     claseColorEstado={estadoColor}
                     colorFacultad={facultad?.color ?? '#000000'}
-                    onClick={() => console.log('Ver plan', plan.id)}
+                    onClick={() =>
+                      navigate({
+                        to: '/planes/$planId',
+                        params: {
+                          planId: plan.id,
+                        },
+                        state: {
+                          realId: plan.id, // 👈 ID largo oculto
+                        } as any,
+                      })
+                    }
                   />
                 )
               })}