From fbe3da1acff82c36d95459fd630b54efc673c349 Mon Sep 17 00:00:00 2001
From: Francisco Solla <fsolla@pm.me>
Date: Tue, 18 Aug 2026 07:55:50 -0300
Subject: [PATCH] style(plans S6): prettier no rascunho UI

---
 ...mpanha-sem-carrossel-desktop-ui-draft.html | 37 ++++++++++++++-----
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/docs/plans/home-campanha-sem-carrossel-desktop-ui-draft.html b/docs/plans/home-campanha-sem-carrossel-desktop-ui-draft.html
index bb362ad3..9f3cbbc5 100644
--- a/docs/plans/home-campanha-sem-carrossel-desktop-ui-draft.html
+++ b/docs/plans/home-campanha-sem-carrossel-desktop-ui-draft.html
@@ -134,7 +134,9 @@
               </p>
             </div>
             <div class="rounded-[10px] bg-white p-4">
-              <h3 class="text-sm leading-snug font-bold">Salário mínimo forte, emprego e moradia</h3>
+              <h3 class="text-sm leading-snug font-bold">
+                Salário mínimo forte, emprego e moradia
+              </h3>
               <p class="mt-1.5 text-xs leading-relaxed text-zinc-500">
                 Valorização do mínimo, Bolsa Família, Minha Casa Minha Vida e agricultura familiar
                 como motor…
@@ -152,7 +154,10 @@
       </section>
 
       <!-- ============ CENA: mobile (referência — carrossel mantido) ============ -->
-      <section data-shot="mobile" class="mt-8 w-[390px] rounded-2xl bg-zinc-900 p-8 text-white shadow-xl">
+      <section
+        data-shot="mobile"
+        class="mt-8 w-[390px] rounded-2xl bg-zinc-900 p-8 text-white shadow-xl"
+      >
         <p class="mb-6 text-center text-[11px] font-bold tracking-widest text-zinc-500 uppercase">
           Mobile ~390px — carrossel atual preservado (referência)
         </p>
@@ -210,22 +215,34 @@
           </p>
           <!-- chips -->
           <div class="mt-4 flex gap-1.5 overflow-hidden" aria-hidden="true">
-            <span class="rounded-full bg-zinc-800 px-3 py-1.5 text-[10px] font-bold text-white uppercase">
+            <span
+              class="rounded-full bg-zinc-800 px-3 py-1.5 text-[10px] font-bold text-white uppercase"
+            >
               Saúde
             </span>
-            <span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
+            <span
+              class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
+            >
               Educação
             </span>
-            <span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
+            <span
+              class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
+            >
               Renda
             </span>
-            <span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
+            <span
+              class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
+            >
               Democracia
             </span>
-            <span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
+            <span
+              class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
+            >
               Bahia
             </span>
-            <span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
+            <span
+              class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
+            >
               Trabalho
             </span>
           </div>
@@ -236,7 +253,9 @@
               agentes pagos, concursos públicos, vacinação e ciência.
             </p>
           </div>
-          <p class="mt-2 text-center text-[10px] text-zinc-500">1 de 6 · deslize para ver as próximas</p>
+          <p class="mt-2 text-center text-[10px] text-zinc-500">
+            1 de 6 · deslize para ver as próximas
+          </p>
         </div>
       </section>
     </main>