diff --git a/apps/web/public/images/company_logo.png b/apps/web/public/images/company_logo.png
new file mode 100644
index 0000000..b591e6e
Binary files /dev/null and b/apps/web/public/images/company_logo.png differ
diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index 62d758a..e442240 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -200,19 +200,20 @@ button {
   text-decoration: none;
 }
 .brand-mark {
-  width: 34px;
-  height: 34px;
+  width: 38px;
+  height: 38px;
   border-radius: 9px;
-  background: radial-gradient(circle at 30% 25%, var(--brand-500), var(--brand-700));
+  background: #fbf8f0;
   border: 1px solid rgba(255, 255, 255, 0.18);
-  display: grid;
-  place-items: center;
-  font-family: var(--font-display);
-  font-weight: 600;
-  font-size: 16px;
-  color: #f5efe0;
+  object-fit: contain;
+  padding: 3px;
   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
 }
+.login-brand .brand-mark {
+  width: 46px;
+  height: 46px;
+  border-radius: 10px;
+}
 .brand-text {
   display: flex;
   flex-direction: column;
diff --git a/apps/web/src/app/login/page.tsx b/apps/web/src/app/login/page.tsx
index 362007f..36f201b 100644
--- a/apps/web/src/app/login/page.tsx
+++ b/apps/web/src/app/login/page.tsx
@@ -65,9 +65,11 @@ export default function LoginPage() {
       <aside className="login-aside" aria-hidden="false">
         <div className="login-aside-top">
           <div className="login-brand">
-            <span className="brand-mark" aria-hidden>
-              JC
-            </span>
+            <img
+              src="/images/company_logo.png"
+              alt=""
+              className="brand-mark"
+            />
             <div className="brand-text">
               <span className="brand-name" style={{ color: "#f6f3ec" }}>
                 Jorge Cuadros
diff --git a/apps/web/src/components/AppShell.tsx b/apps/web/src/components/AppShell.tsx
index 8824589..5ff97bf 100644
--- a/apps/web/src/components/AppShell.tsx
+++ b/apps/web/src/components/AppShell.tsx
@@ -79,9 +79,11 @@ export function AppShell({ children }: { children: ReactNode }) {
       <header className="appbar">
         <div className="appbar-inner">
           <Link href="/clientes" className="brand">
-            <span className="brand-mark" aria-hidden>
-              JC
-            </span>
+            <img
+              src="/images/company_logo.png"
+              alt=""
+              className="brand-mark"
+            />
             <span className="brand-text">
               <span className="brand-name">Jorge Cuadros</span>
               <span className="brand-sub">& Asociados</span>