fix(servicos): título menos escuro + botão voltar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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>