From 386202bce0088964531ea2600736fff83ca0660d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Gustavo?=
 <166467972+JoaoGustavo-dev@users.noreply.github.com>
Date: Thu, 27 Nov 2025 18:10:48 -0300
Subject: [PATCH] add: logo-in-patient-and-doctor-page

---
 susconecta/app/paciente/page.tsx     | 12 ++++++++++++
 susconecta/app/profissional/page.tsx | 12 ++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/susconecta/app/paciente/page.tsx b/susconecta/app/paciente/page.tsx
index 22ff30e..2a742ab 100644
--- a/susconecta/app/paciente/page.tsx
+++ b/susconecta/app/paciente/page.tsx
@@ -1927,6 +1927,18 @@ export default function PacientePage() {
         {/* Header com informações do paciente */}
         <header className="sticky top-0 z-40 bg-card shadow-md rounded-lg border border-border p-3 sm:p-4 md:p-4 mb-4 sm:mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 sm:gap-4">
           <div className="flex items-center gap-2 sm:gap-4">
+            {/* Logo MEDIConnect */}
+            <div className="flex items-center gap-2 mr-2 sm:mr-4">
+              <div className="w-8 h-8 sm:w-10 sm:h-10 bg-primary rounded-lg flex items-center justify-center shrink-0">
+                <Stethoscope className="w-4 h-4 sm:w-5 sm:h-5 text-primary-foreground" />
+              </div>
+              <span className="text-base sm:text-lg font-semibold text-foreground hidden sm:inline">
+                MEDIConnect
+              </span>
+            </div>
+            
+            <div className="h-8 w-px bg-border hidden sm:block"></div>
+            
             <Avatar className="h-10 w-10 sm:h-12 sm:w-12 md:h-12 md:w-12">
               <AvatarImage src={profileData.foto_url} alt={profileData.nome || 'Avatar'} />
               <AvatarFallback className="bg-primary text-white font-bold text-sm sm:text-base">{profileData.nome?.charAt(0) || 'P'}</AvatarFallback>
diff --git a/susconecta/app/profissional/page.tsx b/susconecta/app/profissional/page.tsx
index 38f5114..00a9662 100644
--- a/susconecta/app/profissional/page.tsx
+++ b/susconecta/app/profissional/page.tsx
@@ -3042,6 +3042,18 @@ const ProfissionalPage = () => {
             <div className="flex items-center justify-between gap-4 flex-wrap md:flex-nowrap">
               {/* Logo/Avatar Section */}
               <div className="flex items-center gap-3 min-w-0 flex-1 md:flex-none">
+                {/* Logo MEDIConnect */}
+                <div className="flex items-center gap-2 mr-2 md:mr-4">
+                  <div className="w-8 h-8 md:w-10 md:h-10 bg-primary rounded-lg flex items-center justify-center shrink-0">
+                    <Stethoscope className="w-4 h-4 md:w-5 md:h-5 text-primary-foreground" />
+                  </div>
+                  <span className="text-base md:text-lg font-semibold text-foreground hidden sm:inline">
+                    MEDIConnect
+                  </span>
+                </div>
+                
+                <div className="h-8 w-px bg-border hidden sm:block"></div>
+                
                 <Avatar className="h-10 w-10 md:h-12 md:w-12 flex-shrink-0">
                   <AvatarImage src={(profileData as any).fotoUrl || undefined} alt={profileData.nome} />
                   <AvatarFallback className="bg-muted text-xs md:text-sm">