diff --git a/public/esculapio.jpg b/public/esculapio.jpg
new file mode 100644
index 0000000..dce717f
Binary files /dev/null and b/public/esculapio.jpg differ
diff --git a/src/assets/images/esculapio_face_1786819787723.jpg b/src/assets/images/esculapio_face_1786819787723.jpg
new file mode 100644
index 0000000..dce717f
Binary files /dev/null and b/src/assets/images/esculapio_face_1786819787723.jpg differ
diff --git a/src/components/icons/EsculapioIcon.tsx b/src/components/icons/EsculapioIcon.tsx
new file mode 100644
index 0000000..1c6a5e9
--- /dev/null
+++ b/src/components/icons/EsculapioIcon.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+
+export function EsculapioIcon({ className = "w-20 h-20 text-neutral-900 dark:text-neutral-100", size = 80 }: { className?: string; size?: number }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 120 120"
+      width={size}
+      height={size}
+      className={className}
+      fill="currentColor"
+      aria-label="Cara de Esculapio"
+    >
+      {/* Esculapio (Asclepius) Classical Head & Bust in Black Vector Art */}
+      <g transform="translate(10, 5)">
+        {/* Laurel Wreath Crown Top */}
+        <path d="M48 6 C38 6 30 11 26 18 C28 17 32 17 35 18 C30 22 26 27 25 33 C28 31 32 31 35 33 C30 38 27 45 28 51 C32 47 37 47 40 50 C40 43 45 37 51 35 C48 33 46 29 46 25 C46 17 52 10 59 8 C55 6 51 6 48 6 Z" />
+        
+        {/* Laurel Leaves (Right & Top) */}
+        <path d="M52 5 C56 5 60 7 63 10 C65 8 68 7 71 8 C73 11 72 15 70 18 C74 18 78 20 80 24 C79 26 77 28 74 28 C78 32 79 37 77 42 C75 40 73 39 70 40 C72 45 70 51 66 55 C64 53 62 52 59 53 C62 48 63 42 61 37 C59 39 57 41 54 41 C56 36 56 31 53 27 C56 26 58 24 59 21 C57 20 54 20 52 21 C54 16 53 11 50 7 C51 6 51 5 52 5 Z" />
+        
+        {/* Classical Forehead & Nose Profile */}
+        <path d="M50 25 C46 25 43 27 41 30 C45 31 47 33 47 36 C43 36 39 39 38 43 C41 43 44 45 44 48 C41 49 38 52 38 56 C40 56 43 57 44 60 C40 61 37 65 37 70 C40 69 43 70 45 73 C42 76 40 81 41 86 C43 83 47 82 50 84 C48 88 48 93 51 97 C53 94 56 93 59 95 C57 91 58 86 62 83 C65 85 66 89 66 93 C69 88 73 85 78 85 C77 82 75 79 72 78 C76 75 78 70 78 64 C75 66 73 66 71 64 C74 60 74 54 71 49 C74 48 76 45 76 41 C73 42 70 41 68 39 C70 34 69 29 65 26 C61 23 55 24 50 25 Z" opacity="0.12" />
+
+        {/* Detailed Asclepius Face Contours */}
+        {/* Brow & Eye */}
+        <path d="M44 38 C47 36 51 36 55 38 C56 39 55 41 53 41 C50 40 47 40 45 41 C43 42 42 40 44 38 Z" />
+        <path d="M47 42 C49 41 52 41 54 43 C53 44 51 45 49 45 C47 45 46 43 47 42 Z" />
+        <circle cx="50" cy="43" r="1.2" />
+
+        {/* Noble Classical Nose */}
+        <path d="M44 39 L40 52 C39 55 41 57 44 57 L46 57 C47 57 48 56 47 55 C45 55 43 54 43 52 L46 42 Z" />
+        
+        {/* Temple & Cheekbone modeling */}
+        <path d="M57 40 C60 44 60 50 57 55 C56 56 57 57 58 57 C62 51 62 43 58 39 C57 38 56 39 57 40 Z" />
+
+        {/* Asclepius Full Majestic Curly Beard & Mustache */}
+        {/* Mustache */}
+        <path d="M41 56 C44 56 47 58 50 61 C53 59 57 58 60 59 C61 60 60 61 59 61 C56 61 53 62 51 64 C49 66 46 66 43 64 C41 63 39 60 38 58 C38 57 39 56 41 56 Z" />
+        
+        {/* Rich Beard Waves and Curls */}
+        <path d="M37 61 C40 61 42 64 43 67 C44 71 42 75 39 77 C37 78 35 77 35 75 C36 72 38 70 38 67 C38 64 36 63 35 62 C35 61 36 61 37 61 Z" />
+        <path d="M43 66 C46 66 48 69 49 73 C50 78 48 83 44 86 C42 87 40 86 41 84 C43 81 44 78 44 74 C44 70 42 68 41 67 C41 66 42 66 43 66 Z" />
+        <path d="M49 68 C52 68 55 72 55 77 C55 83 52 89 47 92 C45 93 44 91 45 90 C48 87 50 82 49 77 C49 73 47 70 47 69 C47 68 48 68 49 68 Z" />
+        <path d="M54 65 C58 66 61 70 61 75 C61 81 58 87 53 91 C51 92 50 91 51 89 C54 86 56 81 55 76 C55 72 53 68 52 66 C52 65 53 65 54 65 Z" />
+        <path d="M59 62 C63 64 66 68 66 73 C66 79 63 84 59 87 C57 88 56 87 57 85 C60 82 61 78 61 74 C61 70 59 66 57 64 C57 63 58 62 59 62 Z" />
+        <path d="M64 57 C68 60 71 64 71 69 C71 74 68 79 64 81 C62 82 62 81 63 79 C66 77 67 73 66 69 C66 66 64 62 62 60 C62 58 63 57 64 57 Z" />
+        
+        {/* Base Beard Swirls */}
+        <path d="M42 86 C45 90 50 94 56 95 C61 96 66 94 70 90 C71 89 72 90 71 91 C67 96 61 98 55 97 C49 96 43 92 40 87 C39 85 41 84 42 86 Z" />
+        <path d="M47 92 C51 96 56 99 62 99 C66 99 70 97 73 94 C74 93 75 94 74 95 C71 99 66 101 61 101 C54 101 49 98 45 93 C45 92 46 91 47 92 Z" />
+
+        {/* Classical Hair Curls framing the head */}
+        <path d="M33 28 C30 33 29 39 31 44 C32 47 31 49 29 48 C27 42 28 35 31 29 C32 27 34 27 33 28 Z" />
+        <path d="M29 37 C26 43 26 50 29 56 C30 58 29 60 27 59 C24 52 24 44 27 37 C28 35 30 36 29 37 Z" />
+        <path d="M67 22 C72 26 75 32 75 38 C75 41 73 42 72 40 C73 35 70 30 66 26 C65 24 66 22 67 22 Z" />
+        <path d="M72 31 C77 36 79 43 78 50 C78 52 76 53 75 51 C76 45 74 39 70 34 C69 33 71 31 72 31 Z" />
+      </g>
+    </svg>
+  );
+}
diff --git a/src/sections/Login.tsx b/src/sections/Login.tsx
index 4266e73..be6ddee 100644
--- a/src/sections/Login.tsx
+++ b/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>