style: replace EnFlow branding with Cirux logo, update favicon to PNG

- Deleted favicon.ico, using favicon.png with explicit metadata
- Sidebar: replaced Zap icon + EnFlow text with logo-cirux.png
- Login: replaced Zap icon + EnFlow text with logo-cirux.png
- Updated middleware to exclude favicon.png from auth matcher
- Updated metadata title and toast messages

src/app/layout.tsx

@@ -17,9 +17,12 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "EnFlow — Plataforma de Atención Inteligente para Cirugía Plástica",
+  title: "Cirux — Plataforma de Atención Inteligente para Cirugía Plástica",
   description:
-    "EnFlow automatiza la atención al paciente con IA omnicanal para consultorios y clínicas de cirugía plástica.",
+    "Cirux automatiza la atención al paciente con IA omnicanal para consultorios y clínicas de cirugía plástica.",
+  icons: {
+    icon: "/favicon.png",
+  },
 };
 
 /**

src/app/login/page.tsx

@@ -6,7 +6,8 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 import { toast } from "sonner";
-import { Zap, Eye, EyeOff, Loader2 } from "lucide-react";
+import Image from "next/image";
+import { Eye, EyeOff, Loader2 } from "lucide-react";
 import { createClient } from "@/utils/supabase/client";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -27,7 +28,7 @@ const loginSchema = z.object({
 type LoginFormValues = z.infer<typeof loginSchema>;
 
 /**
- * Página de inicio de sesión de EnFlow.
+ * Página de inicio de sesión de Cirux.
  * Autentica con Supabase Auth y redirige al dashboard.
  */
 export default function LoginPage() {
@@ -54,7 +55,7 @@ export default function LoginPage() {
       return;
     }
 
-    toast.success("¡Bienvenido a EnFlow!");
+    toast.success("¡Bienvenido a Cirux!");
     router.push("/dashboard/calendar");
     router.refresh();
   };
@@ -66,13 +67,15 @@ export default function LoginPage() {
 
       <div className="relative w-full max-w-md z-10">
         {/* Logo */}
-        <div className="flex items-center justify-center gap-2 mb-8">
+        <div className="flex items-center justify-center mb-8">
-          <div className="bg-primary rounded-[12px] p-2.5">
+          <Image
-            <Zap className="size-6 text-[#0D141D]" />
+            src="/logo-cirux.png"
-          </div>
+            alt="Cirux"
-          <span className="font-heading font-bold text-2xl text-foreground tracking-tight">
+            width={180}
-            EnFlow
+            height={48}
-          </span>
+            className="h-12 w-auto"
+            priority
+          />
         </div>
 
         <Card className="border-border shadow-2xl">

src/app/page.tsx

@@ -2,5 +2,5 @@ import { redirect } from "next/navigation";
 
 /** Redirige la raíz al calendario del dashboard. */
 export default function Home() {
-  redirect("/dashboard/calendar");
+  redirect("/dashboard");
 }

src/components/layout/Sidebar.tsx

@@ -3,6 +3,7 @@
 import { useMemo, useCallback } from "react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
+import Image from "next/image";
 import {
   CalendarDays,
   Users,
@@ -13,7 +14,6 @@ import {
   LogOut,
   Menu,
   X,
-  Zap,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { useUIStore } from "@/lib/stores/uiStore";
@@ -75,13 +75,15 @@ export function Sidebar() {
       {/* Header */}
       <div className="flex items-center justify-between px-4 py-5 border-b border-sidebar-border">
         {sidebarOpen && (
-          <Link href="/dashboard" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
+          <Link href="/dashboard" className="flex items-center hover:opacity-80 transition-opacity">
-            <div className="bg-primary rounded-lg p-1.5">
+            <Image
-              <Zap className="size-4 text-[#0D141D]" />
+              src="/logo-cirux.png"
-            </div>
+              alt="Cirux"
-            <span className="font-heading font-bold text-base text-sidebar-foreground tracking-tight">
+              width={120}
-              EnFlow
+              height={32}
-            </span>
+              className="h-8 w-auto"
+              priority
+            />
           </Link>
         )}
         <Button

src/middleware.ts

@@ -93,7 +93,7 @@ export async function middleware(request: NextRequest) {
 
 export const config = {
   matcher: [
-    '/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
+    '/((?!_next/static|_next/image|favicon\.ico|favicon\.png|.*\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
   ],
 }