fix: version 2.8.12 -- logo de LinkedCorp en el login con clase propia (40px) y layout izq/der

El icono de LinkedCorp reusaba la clase del logo de empresa (80px), asi que se salia de la
tarjeta al querer achicarlo. Se le da su propia clase (40px) y el layout del login pasa a
alinear el logo de empresa a la izquierda y LinkedCorp a la derecha, sin desbordar margenes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog - project.linkedcorp.net
 
+## [2.8.12] - 2026-10-02
+### Fixed
+- El ícono de LinkedCorp en el login compartía la misma clase CSS que el logo de empresa
+  (80px), por eso se salía de la tarjeta al intentar achicarlo. Ahora tiene su propia clase
+  (40px) y el layout pasa a alinear el logo de empresa a la izquierda y el de LinkedCorp a la
+  derecha, sin desbordar los márgenes de la tarjeta.
+
 ## [2.8.11] - 2026-10-02
 ### Changed
 - Ajuste fino del logo de LinkedCorp en el login (junto al de empresa): sube 50px y el texto

VERSION

@@ -1 +1 @@
-2.8.11
+2.8.12

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-linkedcorp-backend",
-  "version": "2.8.11",
+  "version": "2.8.12",
   "private": true,
   "type": "module",
   "main": "src/server.js",

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "project-linkedcorp-frontend",
   "private": true,
-  "version": "2.8.11",
+  "version": "2.8.12",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/pages/Login/LoginPage.jsx

@@ -42,7 +42,7 @@ export default function LoginPage() {
           <img src={branding.logoUrl || (theme === 'light' ? logoLight : logoDark)} alt={branding.name || t('appName')} className="login-logo-img" />
           {branding.logoUrl && (
             <div className="login-logo-linkedcorp">
-              <img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-img" />
+              <img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-linkedcorp-icon" />
               <span className="login-logo-linkedcorp-text">LinkedCorp</span>
             </div>
           )}

frontend/src/styles/app.css

@@ -342,10 +342,11 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
 /* --- Login --- */
 .login-shell { height: 100vh; display: flex; align-items: center; justify-content: center; background: rgb(var(--canvas)); }
 .login-card { width: 340px; max-width: 92vw; background: rgb(var(--surface)); border: 1px solid rgb(var(--line)); border-radius: var(--r-lg); padding: 28px; }
-.login-logo { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 16px; }
+.login-logo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
 .login-logo-img { height: 80px; width: auto; }
-.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative; top: -50px; }
+.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: none; }
-.login-logo-linkedcorp-text { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 0.9rem; line-height: 1; color: rgb(var(--body)); }
+.login-logo-linkedcorp-icon { height: 40px; width: auto; }
+.login-logo-linkedcorp-text { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 0.9rem; line-height: 1; color: rgb(var(--body)); white-space: nowrap; }
 .login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
 .login-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; }
 .login-info { color: rgb(var(--success)); font-size: .82rem; margin-bottom: 10px; line-height: 1.5; }