diff --git a/public/tallermg.jpeg b/public/tallermg.jpeg
new file mode 100755
index 0000000..5a70edb
Binary files /dev/null and b/public/tallermg.jpeg differ
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index cada494..2c01a8b 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -21,7 +21,7 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
   if (pathname === "/admin") return <>{children}</>;
 
   return (
-    <div className="min-h-screen bg-gray-50 flex flex-col">
+    <div className="min-h-screen flex flex-col">
       <header className="bg-white border-b border-gray-200 sticky top-0 z-10">
         <div className="max-w-5xl mx-auto px-4 h-14 flex items-center justify-between">
           <span className="font-bold text-blue-600 text-lg">🔧 Taller — Admin</span>
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 1f9023c..abb4858 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -31,7 +31,7 @@ export default function AdminLoginPage() {
   }
 
   return (
-    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
+    <div className="flex flex-col items-center justify-center min-h-screen">
       <Card className="w-full max-w-sm mx-4">
         <div className="text-center mb-6">
           <div className="text-4xl mb-2">🔧</div>
diff --git a/src/app/cliente/layout.tsx b/src/app/cliente/layout.tsx
index f29f0d3..5bb44d4 100644
--- a/src/app/cliente/layout.tsx
+++ b/src/app/cliente/layout.tsx
@@ -6,7 +6,7 @@ export const metadata: Metadata = {
 
 export default function ClienteLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="min-h-screen bg-gray-50">
+    <div className="min-h-screen">
       <header className="bg-white border-b border-gray-200 sticky top-0 z-10">
         <div className="max-w-2xl mx-auto px-4 h-14 flex items-center justify-between">
           <span className="font-bold text-blue-600 text-lg">🔧 Taller</span>
diff --git a/src/app/globals.css b/src/app/globals.css
index 13d40b8..5a3218a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3,20 +3,19 @@
 @tailwind utilities;
 
 :root {
-  --background: #ffffff;
   --foreground: #171717;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
   color: var(--foreground);
-  background: var(--background);
+  background-image:
+    linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),
+    url('/tallermg.jpeg');
+  background-size: cover;
+  background-position: center;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  min-height: 100vh;
   font-family: Arial, Helvetica, sans-serif;
 }
 
diff --git a/src/app/icon.jpeg b/src/app/icon.jpeg
new file mode 100755
index 0000000..5a70edb
Binary files /dev/null and b/src/app/icon.jpeg differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a36cde0..56d8b20 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -14,8 +14,8 @@ const geistMono = localFont({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Taller MG",
+  description: "Sistema de turnos - Taller MG",
 };
 
 export default function RootLayout({