From 346da3896e39816261cbcadf2ce85367ed2b4b69 Mon Sep 17 00:00:00 2001
From: Francisco Solla <fsolla@pm.me>
Date: Mon, 17 Aug 2026 21:34:27 -0300
Subject: [PATCH] style(plan): prettier no rascunho UI do PUB5

---
 ...logan-mais-saude-mais-futuro-ui-draft.html | 43 ++++++++++++++-----
 1 file changed, 33 insertions(+), 10 deletions(-)

diff --git a/docs/plans/slogan-mais-saude-mais-futuro-ui-draft.html b/docs/plans/slogan-mais-saude-mais-futuro-ui-draft.html
index 01f503db..b475f147 100644
--- a/docs/plans/slogan-mais-saude-mais-futuro-ui-draft.html
+++ b/docs/plans/slogan-mais-saude-mais-futuro-ui-draft.html
@@ -14,10 +14,15 @@
         uppercase). Cenas abaixo: hero desktop, hero mobile, rodapé desktop.
       </p>
 
-      <section data-shot="hero-desktop" class="mt-6 overflow-hidden rounded-xl ring-1 ring-zinc-700">
+      <section
+        data-shot="hero-desktop"
+        class="mt-6 overflow-hidden rounded-xl ring-1 ring-zinc-700"
+      >
         <div class="relative bg-zinc-900 px-8 py-14">
           <div class="max-w-xl">
-            <h1 class="font-sans text-5xl font-black leading-[1.12] tracking-tight uppercase text-zinc-100">
+            <h1
+              class="font-sans text-5xl font-black leading-[1.12] tracking-tight uppercase text-zinc-100"
+            >
               <span class="block font-semibold">Mais saúde</span>
               <span class="block font-black">Mais futuro</span>
             </h1>
@@ -27,24 +32,35 @@
               saúde à educação.
             </p>
             <div class="mt-6 flex gap-3">
-              <a class="inline-flex min-h-11 items-center justify-center rounded-[10px] border-2 border-zinc-400 px-3 text-center text-sm font-extrabold text-zinc-100">
+              <a
+                class="inline-flex min-h-11 items-center justify-center rounded-[10px] border-2 border-zinc-400 px-3 text-center text-sm font-extrabold text-zinc-100"
+              >
                 Conhecer bandeiras
               </a>
-              <a class="inline-flex min-h-11 items-center justify-center rounded-[10px] bg-zinc-100 px-3 text-center text-sm font-black text-zinc-900">
+              <a
+                class="inline-flex min-h-11 items-center justify-center rounded-[10px] bg-zinc-100 px-3 text-center text-sm font-black text-zinc-900"
+              >
                 Quero apoiar — 30 segundos
               </a>
             </div>
             <div class="mt-8 text-xs leading-relaxed text-zinc-400">
               <p><strong class="text-zinc-200">DIAP</strong> entre os 40 melhores da Câmara</p>
-              <p class="mt-1"><strong class="text-zinc-200">Mais votado</strong> do PT-BA em 2022</p>
+              <p class="mt-1">
+                <strong class="text-zinc-200">Mais votado</strong> do PT-BA em 2022
+              </p>
             </div>
           </div>
         </div>
       </section>
 
-      <section data-shot="hero-mobile" class="mt-6 w-[390px] overflow-hidden rounded-xl ring-1 ring-zinc-700">
+      <section
+        data-shot="hero-mobile"
+        class="mt-6 w-[390px] overflow-hidden rounded-xl ring-1 ring-zinc-700"
+      >
         <div class="relative bg-zinc-900 px-6 py-12">
-          <h1 class="font-sans text-3xl font-black leading-[1.12] tracking-tight uppercase text-zinc-100">
+          <h1
+            class="font-sans text-3xl font-black leading-[1.12] tracking-tight uppercase text-zinc-100"
+          >
             <span class="block font-semibold">Mais saúde</span>
             <span class="block font-black">Mais futuro</span>
           </h1>
@@ -54,10 +70,14 @@
             saúde à educação.
           </p>
           <div class="mt-6 grid grid-cols-2 gap-3">
-            <a class="inline-flex min-h-11 items-center justify-center rounded-[10px] border-2 border-zinc-400 px-3 text-center text-sm font-extrabold text-zinc-100">
+            <a
+              class="inline-flex min-h-11 items-center justify-center rounded-[10px] border-2 border-zinc-400 px-3 text-center text-sm font-extrabold text-zinc-100"
+            >
               Conhecer bandeiras
             </a>
-            <a class="inline-flex min-h-11 items-center justify-center rounded-[10px] bg-zinc-100 px-3 text-center text-sm font-black text-zinc-900">
+            <a
+              class="inline-flex min-h-11 items-center justify-center rounded-[10px] bg-zinc-100 px-3 text-center text-sm font-black text-zinc-900"
+            >
               Quero apoiar
             </a>
           </div>
@@ -68,7 +88,10 @@
         </div>
       </section>
 
-      <section data-shot="footer-desktop" class="mt-6 overflow-hidden rounded-xl ring-1 ring-zinc-700">
+      <section
+        data-shot="footer-desktop"
+        class="mt-6 overflow-hidden rounded-xl ring-1 ring-zinc-700"
+      >
         <footer class="bg-zinc-900 px-8 py-10">
           <div class="grid gap-6 md:grid-cols-[2fr_1fr_1fr]">
             <div>