From 82dbc8ad99a74e5f655ac1ff040b17f55d59bc1e Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Fri, 24 Apr 2026 15:32:49 -0300
Subject: [PATCH] feat: update styles for HomePage and RootLayout, adjust
 background color in CSS

---
 apps/frontend/src/features/home/home-page.tsx     | 7 ++-----
 apps/frontend/src/features/layout/root-layout.tsx | 4 ----
 apps/frontend/src/index.css                       | 2 +-
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/apps/frontend/src/features/home/home-page.tsx b/apps/frontend/src/features/home/home-page.tsx
index 3c562a1..17b7e6e 100644
--- a/apps/frontend/src/features/home/home-page.tsx
+++ b/apps/frontend/src/features/home/home-page.tsx
@@ -757,15 +757,12 @@ export function HomePage() {
 
             <div className="mt-4 space-y-4">
               {groupedBookings.map(([date, bookings]) => (
-                <article
-                  key={date}
-                  className="rounded-2xl border border-border/70 bg-background p-4"
-                >
+                <article key={date} className="rounded-2xl border border-border/70 bg-card p-4">
                   <div className="flex items-center justify-between gap-3">
                     <h2 className="text-sm font-semibold capitalize">
                       {formatDateLabel(date, todayIso)}
                     </h2>
-                    <span className="rounded-full border border-border/70 bg-card px-3 py-1 text-[11px] font-medium text-muted-foreground">
+                    <span className="rounded-full border border-border/70 bg-background px-3 py-1 text-[11px] font-medium text-muted-foreground">
                       {bookings.length} reservas
                     </span>
                   </div>
diff --git a/apps/frontend/src/features/layout/root-layout.tsx b/apps/frontend/src/features/layout/root-layout.tsx
index b1ffb2b..23513e1 100644
--- a/apps/frontend/src/features/layout/root-layout.tsx
+++ b/apps/frontend/src/features/layout/root-layout.tsx
@@ -142,10 +142,6 @@ export function RootLayout() {
           </div>
 
           <div className="flex items-center gap-2">
-            <div className="hidden items-center gap-2 rounded-full border border-border/70 bg-card px-3 py-1.5 text-xs text-muted-foreground shadow-sm md:flex">
-              <span className="size-2 rounded-full bg-emerald-500" />
-              {isAuthenticated ? 'Sesión activa' : 'Modo visitante'}
-            </div>
 
             <ThemeSwitcher />
 
diff --git a/apps/frontend/src/index.css b/apps/frontend/src/index.css
index 339bb27..f4f1f97 100644
--- a/apps/frontend/src/index.css
+++ b/apps/frontend/src/index.css
@@ -50,7 +50,7 @@
 
 :root {
   /* Base colors (retaining the shadcn structure, but with a sports-club identity) */
-  --background: oklch(0.985 0.01 145);
+  --background: oklch(0.94 0.01 145);
   --foreground: oklch(0.16 0.02 145);
   --card: oklch(0.995 0.005 145);
   --card-foreground: oklch(0.16 0.02 145);