Actualizar imagen e iconos de marca

frontend/src/components/layout/Layout.jsx

@@ -83,11 +83,11 @@ export default function Layout({ children }) {
       <aside className={`sidebar ${mobileMenuOpen ? 'sidebar--mobile-open' : ''}`}>
         <div className="sidebar-brand">
           <div className="sidebar-brand-mark">
-            <FileText size={18} />
+            <img src="/app-icon-96.png" alt="LinkedSign" width="32" height="32" style={{ display: 'block' }} />
           </div>
           <div className="sidebar-brand-copy">
-            <span>FirmaDoc</span>
-            <small>Plataforma web</small>
+            <span>LinkedSign</span>
+            <small>Desarrollo de Soluciones</small>
           </div>
           <button
             type="button"
@@ -151,6 +151,10 @@ export default function Layout({ children }) {
       <main className="main-content">
         <div className="topbar">
           <div className="topbar-title">{currentTitle}</div>
+          <div className="topbar-brand-logo" aria-hidden="true">
+            <span className="topbar-brand-by">by</span>
+            <img src="/logoLinkedCorpTxtBlack.png" alt="LinkedCorp" />
+          </div>
         </div>
         {children}
       </main>

frontend/src/index.css

@@ -111,14 +111,19 @@ select {
   width: 32px;
   height: 32px;
   border-radius: 8px;
-  background: var(--c-primary);
-  color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }
 
+.sidebar-brand-mark img {
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  object-fit: contain;
+}
+
 .sidebar-brand-copy {
   display: flex;
   flex-direction: column;
@@ -317,6 +322,31 @@ select {
   color: var(--c-text);
 }
 
+.topbar-brand-logo {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
+  min-width: 0;
+  flex-shrink: 0;
+}
+
+.topbar-brand-by {
+  font-size: 11px;
+  line-height: 1;
+  font-weight: 500;
+  color: var(--c-muted);
+  text-transform: lowercase;
+}
+
+.topbar-brand-logo img {
+  display: block;
+  height: 24px;
+  width: auto;
+  max-width: 180px;
+  object-fit: contain;
+}
+
 /* ─── Page ───────────────────────────────────────────────────── */
 .page {
   padding: 20px 24px;
@@ -2022,6 +2052,10 @@ select {
     flex-basis: 100%;
   }
 
+  .topbar-brand-logo {
+    display: none;
+  }
+
   .page {
     padding: 16px;
     max-width: 100%;