Cambiar icono de login por la cara de Esculapio en negro

src/sections/Login.tsx

@@ -4,7 +4,8 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Shield, Lock, User } from 'lucide-react';
+import { Lock, User } from 'lucide-react';
+import { EsculapioIcon } from '@/components/icons/EsculapioIcon';
 
 export function Login() {
   const { login } = useHospitalStore();
@@ -30,12 +31,14 @@ export function Login() {
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100 dark:bg-gray-900 p-4">
-      <Card className="w-full max-w-md">
-        <CardHeader className="text-center">
-          <div className="mx-auto mb-4 w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center">
-            <Shield className="w-8 h-8 text-white" />
+      <Card className="w-full max-w-md shadow-lg border-neutral-200 dark:border-neutral-800">
+        <CardHeader className="text-center pb-2">
+          <div className="mx-auto mb-3 w-20 h-20 rounded-full bg-neutral-100 dark:bg-neutral-800/80 border border-neutral-200 dark:border-neutral-700 flex items-center justify-center p-2 shadow-sm">
+            <EsculapioIcon className="w-14 h-14 text-neutral-900 dark:text-neutral-100" />
           </div>
-          <CardTitle className="text-2xl">Sistema de Gestión Hospitalaria</CardTitle>
+          <CardTitle className="text-2xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100">
+            Sistema de Gestión Hospitalaria
+          </CardTitle>
           <CardDescription>Ingrese sus credenciales para acceder</CardDescription>
         </CardHeader>
         <CardContent>