diff --git a/apps/frontend/src/features/public-booking/public-booking-page.tsx b/apps/frontend/src/features/public-booking/public-booking-page.tsx
index e14e14a..6bc4ffe 100644
--- a/apps/frontend/src/features/public-booking/public-booking-page.tsx
+++ b/apps/frontend/src/features/public-booking/public-booking-page.tsx
@@ -461,8 +461,8 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
               </p>
             </div>
 
-            <div className="grid gap-3 sm:grid-cols-2">
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+            <div className="hidden gap-3 sm:grid sm:grid-cols-2">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
                   Fecha elegida
                 </p>
@@ -470,13 +470,13 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
                   {selectedDateLabel}
                 </p>
               </div>
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">Deporte</p>
                 <p className="mt-2 text-sm font-medium text-foreground">
                   {selectedSportLabel ?? 'Sin selección'}
                 </p>
               </div>
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
                   Canchas visibles
                 </p>
@@ -484,7 +484,7 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
                   {visibleCourts.length} disponibles
                 </p>
               </div>
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">Estado</p>
                 <p className="mt-2 text-sm font-medium text-foreground">
                   {selectedSlot ? 'Turno listo para confirmar' : 'Elegí un horario'}