Revert logo image to SIB text as requested by client

frontend/src/components/AppHeader.vue

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