From e3b5a7ae9e7edb64626a3364214d00aee0fd7b39 Mon Sep 17 00:00:00 2001
From: gabrielb <gabriel18lb@outlook.com>
Date: Mon, 18 May 2026 00:45:06 -0300
Subject: [PATCH] =?UTF-8?q?fix(servicos):=20t=C3=ADtulo=20menos=20escuro?=
 =?UTF-8?q?=20+=20bot=C3=A3o=20voltar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views/servicos/ServicosHubView.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/views/servicos/ServicosHubView.vue b/src/views/servicos/ServicosHubView.vue
index 53befa3..3a42657 100644
--- a/src/views/servicos/ServicosHubView.vue
+++ b/src/views/servicos/ServicosHubView.vue
@@ -1,6 +1,9 @@
 <script setup>
+import { useRouter } from 'vue-router'
 import ServiceCard from '@/components/common/ServiceCard.vue'
 
+const router = useRouter()
+
 const servicos = [
     { icon: 'pi-file-check', titulo: 'Emissão de Certidão', descricao: 'Emita certidões de situação fiscal.', to: { name: 'certidao' } },
     { icon: 'pi-home', titulo: 'IPTU — Débitos e Carnê', descricao: 'Consulte débitos e imprima o carnê.', to: { name: 'iptu' } },
@@ -12,12 +15,24 @@ const servicos = [
 
 <template>
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+
+        <!-- Voltar -->
+        <button
+            class="inline-flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors mb-6 py-1"
+            @click="router.back()"
+        >
+            <i class="pi pi-arrow-left text-xs" aria-hidden="true" />
+            Voltar
+        </button>
+
         <div class="mb-8">
-            <h1 class="text-2xl font-bold text-slate-800">Todos os Serviços</h1>
-            <p class="text-slate-500 mt-1">Serviços disponíveis sem necessidade de login.</p>
+            <h1 class="text-2xl font-bold text-slate-700 dark:text-slate-200">Todos os Serviços</h1>
+            <p class="text-slate-500 dark:text-slate-400 mt-1">Serviços disponíveis sem necessidade de login.</p>
         </div>
+
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
             <ServiceCard v-for="s in servicos" :key="s.titulo" v-bind="s" />
         </div>
+
     </div>
 </template>