feat(web): use company logo PNG in brand mark

Replace the JC text mark in AppShell and login with the real
company_logo.png. Restyle .brand-mark to host the image (white
rounded bg, object-fit contain). Appbar 38px, login panel 46px.

apps/web/src/app/globals.css

@@ -200,19 +200,20 @@ button {
   text-decoration: none;
 }
 .brand-mark {
-  width: 34px;
+  width: 38px;
-  height: 34px;
+  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;
+  object-fit: contain;
-  place-items: center;
+  padding: 3px;
-  font-family: var(--font-display);
-  font-weight: 600;
-  font-size: 16px;
-  color: #f5efe0;
   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;

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>
+            <img
-              JC
+              src="/images/company_logo.png"
-            </span>
+              alt=""
+              className="brand-mark"
+            />
             <div className="brand-text">
               <span className="brand-name" style={{ color: "#f6f3ec" }}>
                 Jorge Cuadros

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>
+            <img
-              JC
+              src="/images/company_logo.png"
-            </span>
+              alt=""
+              className="brand-mark"
+            />
             <span className="brand-text">
               <span className="brand-name">Jorge Cuadros</span>
               <span className="brand-sub">& Asociados</span>