diff --git a/public/4_IMAGOTIPO_LASALLE_MEXICO_COLOR_RGB_2020.png b/public/4_IMAGOTIPO_LASALLE_MEXICO_COLOR_RGB_2020.png
new file mode 100644
index 0000000..3c87fa3
Binary files /dev/null and b/public/4_IMAGOTIPO_LASALLE_MEXICO_COLOR_RGB_2020.png differ
diff --git a/public/fondo_login.png b/public/fondo_login.png
new file mode 100644
index 0000000..96c0863
Binary files /dev/null and b/public/fondo_login.png differ
diff --git a/src/components/auth/LoginCard.tsx b/src/components/auth/LoginCard.tsx
index 13d4204..0a02dd9 100644
--- a/src/components/auth/LoginCard.tsx
+++ b/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>
diff --git a/src/routes/login.tsx b/src/routes/login.tsx
index ec1d416..cbbcbd8 100644
--- a/src/routes/login.tsx
+++ b/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>
   )
diff --git a/src/styles.css b/src/styles.css
index 4ac32fb..7111ab4 100644
--- a/src/styles.css
+++ b/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');
+}