diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index 00bde09..fba2651 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -599,6 +599,7 @@ export function HistoriaClinica({
 
             <TabsContent value="atb" className="mt-4">
               <SeccionATB
+                portalNode={portalNode}
                 atb={atb}
                 internacionId={internacion.id}
                 pacienteId={paciente.id}
@@ -611,6 +612,7 @@ export function HistoriaClinica({
 
             <TabsContent value="indicaciones" className="mt-4">
               <SeccionIndicaciones
+                portalNode={portalNode}
                 recomendaciones={indicadores}
                 internacionId={internacion.id}
                 pacienteId={paciente.id}
@@ -628,6 +630,7 @@ export function HistoriaClinica({
 
             <TabsContent value="estudios" className="mt-4">
               <SeccionEstudiosComplementarios
+                portalNode={portalNode}
                 estudios={estudiosComplementarios}
                 internacionId={internacion.id}
                 pacienteId={paciente.id}
@@ -640,6 +643,7 @@ export function HistoriaClinica({
 
             <TabsContent value="interconsultas" className="mt-4">
               <SeccionInterconsultas
+                portalNode={portalNode}
                 interconsultas={interconsultas as Interconsulta[]}
                 pacienteId={paciente.id}
                 internacionId={internacion.id}
@@ -652,6 +656,7 @@ export function HistoriaClinica({
 
             <TabsContent value="pendientes" className="mt-4">
               <SeccionPendientes
+                portalNode={portalNode}
                 pacienteId={paciente.id}
                 internacionId={internacion.id}
                 canEdit={canEdit}
@@ -2988,13 +2993,26 @@ function SeccionEstudiosComplementarios({ estudios, internacionId, pacienteId, a
 
   return (
     <div className="space-y-4">
-      <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
-        <div className="flex gap-2">
-          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
+      {portalNode ? createPortal(
+        canEdit && (
+          <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
             <Plus className="h-4 w-4 mr-2" />
             Nuevo Estudio
-          </Button>}
+          </Button>
+        ),
+        portalNode
+      ) : (
+        <div className="flex justify-between items-center mb-4">
+          {canEdit && (
+            <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
+              <Plus className="h-4 w-4 mr-2" />
+              Nuevo Estudio
+            </Button>
+          )}
         </div>
+      )}
+
+      <div className="flex justify-end">
         <Select value={filtro} onValueChange={(v: 'todos' | 'internacion') => setFiltro(v)}>
           <SelectTrigger className="w-[180px]">
             <SelectValue placeholder="Filtrar" />