diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index fbfda89..adcc4b3 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -598,6 +598,7 @@ function SeccionLaboratorios({ lab, patientId, add, update, del, addAcidoBase }:
   const [importResultados, setImportResultados] = useState<ResultadoLaboratorio[]>([]);
   const [importObservaciones, setImportObservaciones] = useState('');
   const [importAcidoBase, setImportAcidoBase] = useState<Omit<AcidoBase, 'id'> | null>(null);
+  const [labSortAsc, setLabSortAsc] = useState(false);
 
   const parametrosLaboratorio = [
     'Hematocrito', 'Hemoglobina', 'Leucocitos', 'Plaquetas',
@@ -900,7 +901,10 @@ for (const linea of lineas) {
     reset();
   };
 
-  const labs = lab.filter(l => l.pacienteId === patientId).sort((a, b) => new Date(b.fecha).getTime() - new Date(a.fecha).getTime()).reverse();
+  const labs = lab.filter(l => l.pacienteId === patientId).sort((a, b) => {
+    const diff = new Date(b.fecha).getTime() - new Date(a.fecha).getTime();
+    return labSortAsc ? -diff : diff;
+  });
 
   return (
     <div className="space-y-4">
@@ -1142,7 +1146,9 @@ for (const linea of lineas) {
             <Table>
               <TableHeader>
               <TableRow>
-                <TableHead>Fecha</TableHead>
+                <TableHead className="cursor-pointer hover:bg-muted" onClick={() => setLabSortAsc(!labSortAsc)}>
+                  Fecha {labSortAsc ? '↑' : '↓'}
+                </TableHead>
                 <TableHead>Hto</TableHead>
                 <TableHead>Hb</TableHead>
                 <TableHead>GB</TableHead>