From ea90228a3f89fd8f35e3a9add3c679118ec215ab Mon Sep 17 00:00:00 2001
From: Sergio Nicolas Lavaise <snlavaise@gmail.com>
Date: Fri, 17 Apr 2026 14:11:11 -0300
Subject: [PATCH] Fix: tabs con wrapper div scrolleable para responsive

---
 src/sections/HistoriaClinica.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index 176c77c..6290958 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -465,8 +465,9 @@ export function HistoriaClinica({
       </Card>
 
       <Tabs value={tabActivo} onValueChange={setTabActivo}>
-        <TabsList className="flex gap-1 overflow-x-auto pb-2 w-full inline-flex! flex-nowrap">
-          <TabsTrigger value="evoluciones" className="flex-shrink-0 flex items-center gap-1 text-xs sm:text-sm">
+        <div className="overflow-x-auto -mx-4 px-4">
+          <TabsList className="inline-flex min-w-full gap-1">
+            <TabsTrigger value="evoluciones" className="flex-shrink-0 flex items-center gap-1 text-xs sm:text-sm whitespace-nowrap">
             <FileText className="h-3 w-3 sm:h-4 sm:w-4" />
             <span className="hidden sm:inline">Evoluciones</span>
             <span className="sm:hidden">Evol</span>
@@ -505,6 +506,7 @@ export function HistoriaClinica({
             <span className="hidden sm:inline">Interconsultas</span>
           </TabsTrigger>
         </TabsList>
+        </div>
 
         <TabsContent value="laboratorios" className="mt-4">
           <SeccionLaboratorios lab={laboratorios} patientId={paciente.id} add={onAgregarLaboratorio} update={onActualizarLaboratorio} del={onEliminarLaboratorio} addAcidoBase={onAgregarAcidoBase} />