diff --git a/frontend/src/views/AdminShuttles.vue b/frontend/src/views/AdminShuttles.vue
index df1d6e0..dde1fc8 100644
--- a/frontend/src/views/AdminShuttles.vue
+++ b/frontend/src/views/AdminShuttles.vue
@@ -4,6 +4,8 @@ import { useRouter } from 'vue-router';
 import { SUPABASE_URL } from '@/supabase';
 import axios from 'axios';
 
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+
 const router = useRouter();
 const isLoading = ref(false);
 const showMessage = ref({ text: '', type: '' });
@@ -524,6 +526,15 @@ async function saveShuttle() {
   background: #101820;
 }
 
+.shuttle-card-bg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 0;
+}
+
 .shuttle-card-preview::before {
   content: "";
   position: absolute;
diff --git a/frontend/src/views/BusinessDetailsView.vue b/frontend/src/views/BusinessDetailsView.vue
index 99db816..70fe72b 100644
--- a/frontend/src/views/BusinessDetailsView.vue
+++ b/frontend/src/views/BusinessDetailsView.vue
@@ -7,6 +7,8 @@ import { SUPABASE_URL } from '@/supabase'
 import type { Business, Coupon } from '@/types'
 import FavoriteButton from '@/components/FavoriteButton.vue'
 
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+
 const route = useRoute()
 const router = useRouter()
 const business = ref<Business | null>(null)
diff --git a/frontend/src/views/CouponsView.vue b/frontend/src/views/CouponsView.vue
index 239f514..7c3c546 100644
--- a/frontend/src/views/CouponsView.vue
+++ b/frontend/src/views/CouponsView.vue
@@ -6,6 +6,8 @@ import { SUPABASE_URL } from '@/supabase'
 import type { Coupon } from '@/types'
 import FavoriteButton from '@/components/FavoriteButton.vue'
 
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+
 const { t } = useI18n()
 const couponStore = useCouponStore()
 
diff --git a/frontend/src/views/FavoritesView.vue b/frontend/src/views/FavoritesView.vue
index d9c1f3a..4396527 100644
--- a/frontend/src/views/FavoritesView.vue
+++ b/frontend/src/views/FavoritesView.vue
@@ -5,6 +5,8 @@ import { useI18n } from 'vue-i18n'
 import { useFavoritesStore } from '@/stores/favorites'
 import { SUPABASE_URL } from '@/supabase'
 
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+
 const { t } = useI18n()
 const router = useRouter()
 const favoritesStore = useFavoritesStore()
diff --git a/frontend/src/views/PromoterDashboard.vue b/frontend/src/views/PromoterDashboard.vue
index f28e035..53b44b0 100644
--- a/frontend/src/views/PromoterDashboard.vue
+++ b/frontend/src/views/PromoterDashboard.vue
@@ -8,6 +8,8 @@ import { useAuthStore } from '@/stores/auth'
 import { SUPABASE_URL } from '@/supabase'
 import type { Coupon, Business, Shuttle } from '@/types'
 
+const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
+
 const route = useRoute()
 const authStore = useAuthStore()
 
diff --git a/frontend/src/views/TaxiView.vue b/frontend/src/views/TaxiView.vue
index 14cbeac..460a785 100644
--- a/frontend/src/views/TaxiView.vue
+++ b/frontend/src/views/TaxiView.vue
@@ -860,12 +860,6 @@ function getShiftLabel(shift: string) {
 .btn-whatsapp .material-icons { font-size: 20px; }
 
 /* Original Styles */
-.taxi-view {
-  min-height: 100vh;
-  position: relative;
-  padding: 0 0 150px; /* Aumentado para evitar solapamiento con BottomNav */
-}
-
 .taxi-view {
   min-height: 100vh;
   position: relative;
@@ -879,41 +873,6 @@ function getShiftLabel(shift: string) {
   border: 1px solid var(--border-color);
 }
 
-/* SHUTTLE CARD PREMIUM CON FONDO */
-.shuttle-card {
-  border-radius: 20px;
-  overflow: hidden;
-  border: 1px solid var(--border-color);
-  background-size: cover;
-  background-position: center;
-  position: relative;
-  min-height: 160px;
-  display: flex;
-  flex-direction: column;
-  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  cursor: pointer;
-}
-
-.shuttle-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  /* Gradiente más fuerte para mejor contraste sobre cualquier imagen */
-  background: linear-gradient(
-    to top,
-    rgba(0,0,0,0.92) 0%,
-    rgba(0,0,0,0.65) 50%,
-    rgba(0,0,0,0.45) 100%
-  );
-  z-index: 0;
-}
-
-.shuttle-main-info, .shuttle-details {
-  position: relative;
-  z-index: 1;
-  padding: 20px;
-}
-
 .header-main {
     padding: 24px 16px;
     text-align: center;