From 5f8d758f67d147611db450a4b9b004e7034e1a29 Mon Sep 17 00:00:00 2001
From: "Roberto.silva" <Roberto.silva@lasalle.mx>
Date: Fri, 13 Feb 2026 10:27:03 -0600
Subject: [PATCH] =?UTF-8?q?Que=20quede=20centrado=20con=20un=20ancho=20m?=
 =?UTF-8?q?=C3=A1ximo=20de=201=20tercio=20de=20pantalla=20SIN=20QUE=20SEA?=
 =?UTF-8?q?=20UN=20MODAL=20fix=20#98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/planes/$planId/_detalle/iaplan.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/routes/planes/$planId/_detalle/iaplan.tsx b/src/routes/planes/$planId/_detalle/iaplan.tsx
index e25b098..5ffe016 100644
--- a/src/routes/planes/$planId/_detalle/iaplan.tsx
+++ b/src/routes/planes/$planId/_detalle/iaplan.tsx
@@ -580,19 +580,22 @@ ${fieldsText}`.trim()
         </div>
       </div>
       <Drawer open={openIA} onOpenChange={setOpenIA}>
-        <DrawerContent className="fixed inset-0 h-screen w-screen max-w-none rounded-none">
-          <div className="flex items-center justify-between border-b p-4">
-            <h2 className="text-sm font-semibold">Referencias para la IA</h2>
-
+        <DrawerContent className="fixed inset-x-0 bottom-0 mx-auto mb-4 flex h-[80vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl border bg-white shadow-2xl">
+          {/* Cabecera más compacta */}
+          <div className="flex items-center justify-between border-b bg-slate-50/50 px-4 py-3">
+            <h2 className="text-xs font-bold tracking-wider text-slate-500 uppercase">
+              Referencias para la IA
+            </h2>
             <button
               onClick={() => setOpenIA(false)}
-              className="text-muted-foreground hover:text-foreground text-sm"
+              className="text-slate-400 transition-colors hover:text-slate-600"
             >
-              Cerrar
+              <X size={18} />
             </button>
           </div>
 
-          <div className="h-[calc(100vh-60px)] overflow-y-auto p-6">
+          {/* Contenido con scroll interno */}
+          <div className="flex-1 overflow-y-auto p-4">
             <ReferenciasParaIA
               selectedArchivoIds={selectedArchivoIds}
               selectedRepositorioIds={selectedRepositorioIds}