From b50c2cc82ba71773f85af0a447ff0f9600b0a59f Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Tue, 3 Mar 2026 10:14:13 -0500
Subject: [PATCH] Fix CSS parsing issues by avoiding grid-column shorthand and
 cleaning comments

---
 frontend/src/views/transporte/TaxisLocales.vue     | 10 ++++------
 frontend/src/views/transporte/ViajesTuristicos.vue |  3 ++-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/transporte/TaxisLocales.vue b/frontend/src/views/transporte/TaxisLocales.vue
index dc35cc1..8542419 100644
--- a/frontend/src/views/transporte/TaxisLocales.vue
+++ b/frontend/src/views/transporte/TaxisLocales.vue
@@ -174,8 +174,7 @@ function getShiftLabel(shift: string) {
 </template>
 
 <style scoped>
-   FILTROS PREMIUM
- ═══════════════════════════════════════════ */
+/* FILTROS PREMIUM */
 .filters-container {
   padding: 0 1rem 1.5rem;
 }
@@ -288,9 +287,7 @@ function getShiftLabel(shift: string) {
   color: var(--active-color);
 }
 
-/* ═══════════════════════════════════════════
-   GRID Y TARJETAS PREMIUM
- ═══════════════════════════════════════════ */
+/* GRID Y TARJETAS PREMIUM */
 .taxis-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
@@ -476,7 +473,8 @@ function getShiftLabel(shift: string) {
 }
 
 .empty-state {
-  grid-column: 1 / -1;
+  grid-column-start: 1;
+  grid-column-end: -1;
   text-align: center;
   padding: 4rem 2rem;
   color: var(--text-secondary);
diff --git a/frontend/src/views/transporte/ViajesTuristicos.vue b/frontend/src/views/transporte/ViajesTuristicos.vue
index 848c536..15dccee 100644
--- a/frontend/src/views/transporte/ViajesTuristicos.vue
+++ b/frontend/src/views/transporte/ViajesTuristicos.vue
@@ -417,7 +417,8 @@ onMounted(async () => {
 }
 
 .empty-state {
-  grid-column: 1 / -1;
+  grid-column-start: 1;
+  grid-column-end: -1;
   text-align: center;
   padding: 4rem 2rem;
   color: var(--text-secondary);