From 3991be8f2330b321a2a4cf3b25c38053e3e7282a Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Tue, 17 Mar 2026 08:18:18 -0500
Subject: [PATCH] Fix filter visibility in dark mode and center business names
 in cards

---
 frontend/src/views/DiscoverView.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/DiscoverView.vue b/frontend/src/views/DiscoverView.vue
index a0aeeb7..f454d30 100644
--- a/frontend/src/views/DiscoverView.vue
+++ b/frontend/src/views/DiscoverView.vue
@@ -382,6 +382,11 @@ function resetFilters() {
   white-space: nowrap;
 }
 
+.filter-select option {
+  background-color: var(--bg-secondary);
+  color: var(--text-primary);
+}
+
 .select-arrow { position: absolute; right: 0.5rem; font-size: 1.125rem; color: var(--text-secondary); pointer-events: none; }
 
 /* CONTENIDO */
@@ -402,14 +407,14 @@ function resetFilters() {
 .featured-card { position: relative; border-radius: 1.125rem; overflow: hidden; cursor: pointer; aspect-ratio: 16/9; background: var(--bg-secondary); }
 .featured-img { width: 100%; height: 100%; object-fit: cover; }
 .featured-gradient { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%); }
-.featured-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.75rem; z-index: 2; }
+.featured-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.75rem; z-index: 2; text-align: center; }
 .featured-name { margin: 0; font-size: 0.9375rem; font-weight: 900; color: #ffffff; text-shadow: 0 1px 4px rgba(0,0,0,0.5); }
 
 .biz-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
 .biz-card { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 1rem; overflow: hidden; cursor: pointer; }
 .biz-img-wrap { position: relative; aspect-ratio: 4/3; }
 .biz-img { width: 100%; height: 100%; object-fit: cover; }
-.biz-body { padding: 0.75rem; }
+.biz-body { padding: 0.75rem; text-align: center; }
 .biz-name { margin: 0; font-size: 0.875rem; font-weight: 800; color: var(--text-primary); line-height: 1.2; }
 
 /* UTILS */