From 9a8f698ab8f264a62510b8ca0db25225f3cf9e87 Mon Sep 17 00:00:00 2001
From: Administrator <Dennys.Murillo@escueladerefrigeracion.edu.pe>
Date: Mon, 28 Sep 2026 17:16:52 -0500
Subject: [PATCH] Actualizar frontend/src/pages/Retiros.jsx

---
 frontend/src/pages/Retiros.jsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/Retiros.jsx b/frontend/src/pages/Retiros.jsx
index 7374ce0..a933a3c 100644
--- a/frontend/src/pages/Retiros.jsx
+++ b/frontend/src/pages/Retiros.jsx
@@ -709,7 +709,7 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
   }
 
   const th = { background: "#334155", color: "#f1f5f9", padding: "9px 10px", fontSize: 11,
-               fontWeight: 700, textAlign: "left", whiteSpace: "nowrap", position: "sticky", top: 0 };
+               fontWeight: 700, textAlign: "center", whiteSpace: "nowrap", position: "sticky", top: 0 };
   const td = { padding: "8px 10px", fontSize: 12.5, borderBottom: "1px solid #f1f5f9",
                whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" };
 
@@ -719,7 +719,7 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
                   display: "flex", alignItems: "flex-start", justifyContent: "center",
                   zIndex: 1000, padding: "40px 20px", overflow: "auto" }}>
       <div onClick={(e) => e.stopPropagation()}
-           style={{ background: "#fff", borderRadius: 16, width: "min(1100px, 96vw)",
+           style={{ background: "#fff", borderRadius: 16, width: "min(1300px, 97vw)",
                     boxShadow: "0 20px 60px rgba(0,0,0,.3)", overflow: "hidden" }}>
         <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between",
                       padding: "16px 20px", borderBottom: "1px solid #e2e8f0" }}>
@@ -743,9 +743,10 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
               <table style={{ width: "100%", borderCollapse: "collapse" }}>
                 <thead><tr>
                   <th style={th}>ALUMNO</th><th style={th}>VENDEDOR</th>
-                  <th style={th}>F. MATRÍCULA</th><th style={th}>PROGRAMA</th>
-                  <th style={{ ...th, textAlign: "right" }}>INV. NETA</th>
-                  <th style={{ ...th, textAlign: "center" }}>ESTADO</th>
+                  <th style={th}>F. MATRÍCULA</th>
+                  <th style={{ ...th, minWidth: 340 }}>PROGRAMA</th>
+                  <th style={th}>INV. NETA</th>
+                  <th style={th}>ESTADO</th>
                 </tr></thead>
                 <tbody>
                   {filtrados.length === 0 && (
@@ -761,9 +762,9 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
                       <tr key={i} style={porRetirar ? { background: "#fff7ed" } : undefined}>
                         <td style={{ ...td, fontWeight: 600, color: "#1e293b", maxWidth: 240 }}>{f[1]}</td>
                         <td style={{ ...td, color: "#475569", maxWidth: 160 }}>{f[0]}</td>
-                        <td style={{ ...td, color: "#475569" }}>{f[2]}</td>
-                        <td style={{ ...td, color: "#475569", maxWidth: 260 }}>{f[8]}</td>
-                        <td style={{ ...td, textAlign: "right", color: "#1e293b" }}>{f[7]}</td>
+                        <td style={{ ...td, color: "#475569", textAlign: "center" }}>{f[2]}</td>
+                        <td style={{ ...td, color: "#475569", minWidth: 340, maxWidth: 360 }}>{f[8]}</td>
+                        <td style={{ ...td, textAlign: "center", color: "#1e293b" }}>{f[7]}</td>
                         <td style={{ ...td, textAlign: "center" }}>
                           <select value={est}
                             onChange={(e) => cambiarEstado(mat, e.target.value)}