src/components/auth/LoginCard.tsx

@@ -9,6 +9,11 @@ export function LoginCard() {
 
   return (
     <div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl">
+      <img
+        src="/4_IMAGOTIPO_LASALLE_MEXICO_COLOR_RGB_2020.png"
+        alt="La Salle México"
+        className="mb-6 h-20 w-auto"
+      />
       <h1 className="mb-1 text-center text-2xl font-semibold">
         Iniciar sesión
       </h1>

src/routes/login.tsx

@@ -8,7 +8,7 @@ export const Route = createFileRoute('/login')({
 
 function LoginPage() {
   return (
-    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-[#7b0f1d] via-[#6b0d1a] to-[#3a050a]">
+    <div className="login-bg flex min-h-screen items-center justify-center bg-cover bg-center bg-no-repeat">
       <LoginCard />
     </div>
   )

src/styles.css

@@ -335,3 +335,14 @@ body {
     @apply bg-background text-foreground;
   }
 }
+
+/* =====================================================================
+   Utilidades locales (sin romper el design system)
+
+   Intención:
+   - Evitar estilos inline en JSX para assets puntuales del proyecto
+   ===================================================================== */
+
+.login-bg {
+  background-image: url('/fondo_login.png');
+}