Show app version in sidebar and split 4-word FirmaEC names in 1.2.26

frontend/src/components/layout/Layout.jsx

@@ -3,6 +3,7 @@ import { Link, useNavigate, useLocation } from 'react-router-dom';
 import { useAuth } from '../../contexts/AuthContext';
 import { FileText, Shield, PenTool, LayoutDashboard, LogOut, Palette, Menu, X, KeyRound, Users, Settings, ScrollText, Scale } from 'lucide-react';
 import ChangePasswordModal from '../ui/ChangePasswordModal';
+import packageInfo from '../../../package.json';
 
 const navSections = [
   {
@@ -86,7 +87,7 @@ export default function Layout({ children }) {
             <img src="/app-icon-96.png" alt="LinkedSign" width="32" height="32" style={{ display: 'block' }} />
           </div>
           <div className="sidebar-brand-copy">
-            <span>LinkedSign</span>
+            <span>LinkedSign <em>v{packageInfo.version}</em></span>
             <small>Firma Electrónica @LinkedCorp</small>
           </div>
           <button

frontend/src/index.css

@@ -134,6 +134,16 @@ select {
   font-size: 14px;
   font-weight: 500;
   color: var(--c-text);
+  display: inline-flex;
+  align-items: baseline;
+  gap: 6px;
+}
+
+.sidebar-brand-copy span em {
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 400;
+  color: var(--c-muted);
 }
 
 .sidebar-brand-copy small {