Fix: tabs con wrapper div scrolleable para responsive

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} />