Update app branding with new icono and titulosib logos

frontend/src/components/AppHeader.vue

@@ -87,7 +87,9 @@
       </Transition>
     </div>
     
-    <h1 class="header-title" @click="goToHome">{{ t('header.title') }}</h1>
+    <div class="header-title-container" @click="goToHome">
+      <img src="/titulosib.png" alt="SIB Logo" class="header-logo-img" />
+    </div>
     
     <div class="header-actions">
       <!-- Side Menu handles all actions for a cleaner UI -->
@@ -205,27 +207,28 @@ const handleLogout = () => {
     }
 }
 
-.header-title {
-  font-size: 24px;
-  font-weight: 800;
-  letter-spacing: -0.04em;
-  color: var(--text-primary);
-  margin: 0;
-  text-align: center;
+.header-title-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   grid-column: 2;
   cursor: pointer;
+  height: 40px;
   transition: all 0.3s ease;
-  text-transform: uppercase;
 }
 
-:global(.dark) .header-title {
-  color: var(--active-color);
-  text-shadow: 0 0 15px rgba(254, 231, 21, 0.3);
+.header-logo-img {
+  height: 100%;
+  max-width: 140px;
+  object-fit: contain;
 }
 
-.header-title:hover {
-  transform: scale(1.02);
-  letter-spacing: 0.05em;
+:global(.dark) .header-logo-img {
+  filter: drop-shadow(0 0 10px rgba(254, 231, 21, 0.2));
+}
+
+.header-title-container:hover {
+  transform: scale(1.05);
 }