From d81f9413378dc4d2a1835c731345e737d40a1e1c Mon Sep 17 00:00:00 2001
From: Francisco Solla <fsolla@pm.me>
Date: Wed, 19 Aug 2026 15:53:51 -0300
Subject: [PATCH] style(S8): prettier no rascunho UI

---
 .../secao-video-historia-home-ui-draft.html   | 34 ++++++++++++-------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/docs/plans/secao-video-historia-home-ui-draft.html b/docs/plans/secao-video-historia-home-ui-draft.html
index 54258a19..03f6e891 100644
--- a/docs/plans/secao-video-historia-home-ui-draft.html
+++ b/docs/plans/secao-video-historia-home-ui-draft.html
@@ -28,8 +28,8 @@
               Conheça a trajetória de Jorge Solla
             </h2>
             <p class="mt-3 text-sm leading-relaxed text-zinc-500">
-              A história de quem já fez saúde pública na Bahia e no Brasil, em um minuto e meio:
-              da gestão no SUS ao mandato na Câmara.
+              A história de quem já fez saúde pública na Bahia e no Brasil, em um minuto e meio: da
+              gestão no SUS ao mandato na Câmara.
             </p>
             <div class="mt-6 flex items-center gap-3">
               <a href="#" class="text-sm font-bold text-red-700 underline-offset-4 hover:underline"
@@ -41,8 +41,9 @@
           <!-- frame vertical 9:16 (poster + play) -->
           <div class="relative w-[300px] shrink-0">
             <div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300">
-              
-              <div class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white">
+              <div
+                class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white"
+              >
                 1:40
               </div>
             </div>
@@ -51,7 +52,9 @@
                 class="flex h-16 w-16 items-center justify-center rounded-full bg-zinc-900 shadow-lg"
                 aria-label="Reproduzir vídeo"
               >
-                <span class="ml-1 h-0 w-0 border-y-8 border-l-[14px] border-y-transparent border-l-white" />
+                <span
+                  class="ml-1 h-0 w-0 border-y-8 border-l-[14px] border-y-transparent border-l-white"
+                />
               </div>
             </div>
           </div>
@@ -63,7 +66,9 @@
         data-shot="mobile"
         class="mt-8 w-[390px] overflow-hidden rounded-2xl bg-white p-6 text-zinc-900 shadow-xl"
       >
-        <p class="text-xs font-extrabold tracking-[0.14em] text-red-700 uppercase">Nossa história</p>
+        <p class="text-xs font-extrabold tracking-[0.14em] text-red-700 uppercase">
+          Nossa história
+        </p>
         <h2 class="mt-2 text-2xl font-extrabold tracking-tight text-zinc-900">
           Conheça a trajetória de Jorge Solla
         </h2>
@@ -74,8 +79,9 @@
         <!-- frame vertical 9:16 full-width -->
         <div class="relative mt-5">
           <div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300">
-            
-            <div class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white">
+            <div
+              class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white"
+            >
               1:40
             </div>
           </div>
@@ -84,7 +90,9 @@
               class="flex h-14 w-14 items-center justify-center rounded-full bg-zinc-900 shadow-lg"
               aria-label="Reproduzir vídeo"
             >
-              <span class="ml-1 h-0 w-0 border-y-7 border-l-[12px] border-y-transparent border-l-white" />
+              <span
+                class="ml-1 h-0 w-0 border-y-7 border-l-[12px] border-y-transparent border-l-white"
+              />
             </div>
           </div>
         </div>
@@ -103,11 +111,11 @@
             Conheça a trajetória de Jorge Solla
           </h2>
           <div class="relative mt-5 w-[300px]">
-            <div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300">
-              
-            </div>
+            <div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300"></div>
             <!-- barra de controles nativa (representação) -->
-            <div class="absolute right-0 bottom-0 left-0 flex items-center gap-2 rounded-b-2xl bg-zinc-900/85 px-3 py-2">
+            <div
+              class="absolute right-0 bottom-0 left-0 flex items-center gap-2 rounded-b-2xl bg-zinc-900/85 px-3 py-2"
+            >
               <span class="h-3 w-3 rounded bg-white/90" />
               <span class="h-0.5 flex-1 rounded bg-zinc-600">
                 <span class="block h-0.5 w-1/3 rounded bg-white" />