fix: adicionar setas de sustentacao (lift) nos SVGs de cobertura isolada

app/src/components/WindFlowGrid2D.tsx

@@ -204,6 +204,7 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
               <div className="relative aspect-video bg-slate-100 dark:bg-slate-900/60 rounded-md overflow-hidden border border-border/30">
                 <svg viewBox="0 0 300 150" className="w-full h-full">
                   {styleBlock}
+                  {legendDef}
                   <line x1="0" y1="130" x2="300" y2="130" stroke="#475569" strokeWidth="2" />
                   <line x1="120" y1="65" x2="120" y2="130" stroke="#64748b" strokeWidth="2" />
                   <line x1="180" y1="65" x2="180" y2="130" stroke="#64748b" strokeWidth="2" />
@@ -215,6 +216,10 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
                   <path d="M -20,45 C 100,45 120,35 150,35 C 180,35 200,50 320,55" className="wind-line-fast" />
                   <path d="M -20,80 Q 150,85 320,80" className="wind-line" />
                   <path d="M -20,110 L 320,110" className="wind-line-slow" />
+                  
+                  {/* Força de sustentação (Lift) leve */}
+                  <path d="M 150,50 L 150,25" stroke="#10b981" strokeWidth="2" fill="none" markerEnd="url(#arrow-green)" />
+                  <text x="155" y="35" fill="#10b981" fontSize="12" fontWeight="bold" fontFamily="monospace">+Fz</text>
                 </svg>
               </div>
               <p className="text-[10px] text-muted-foreground leading-snug">Como a estrutura não possui paredes, o ar flui sob a cobertura, gerando sucções menores no intradorso.</p>
@@ -226,6 +231,7 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
               <div className="relative aspect-video bg-slate-100 dark:bg-slate-900/60 rounded-md overflow-hidden border border-border/30">
                 <svg viewBox="0 0 300 150" className="w-full h-full">
                   {styleBlock}
+                  {legendDef}
                   <line x1="0" y1="130" x2="300" y2="130" stroke="#475569" strokeWidth="2" />
                   <line x1="120" y1="65" x2="120" y2="130" stroke="#64748b" strokeWidth="2" />
                   <line x1="180" y1="65" x2="180" y2="130" stroke="#64748b" strokeWidth="2" />
@@ -239,6 +245,10 @@ export function WindFlowGrid2D({ type }: WindFlowGrid2DProps) {
                   </g>
                   {/* Pequena zona vermelha de turbulência no início do telhado */}
                   <path d="M 95,35 Q 125,15 155,30" fill="none" stroke="#ef4444" strokeWidth="1.5" strokeDasharray="3 6" />
+
+                  {/* Força de arrancamento forte na borda */}
+                  <path d="M 110,40 L 110,10" stroke="#10b981" strokeWidth="2.5" fill="none" markerEnd="url(#arrow-green)" />
+                  <text x="115" y="25" fill="#10b981" fontSize="12" fontWeight="bold" fontFamily="monospace">+Fz (Arrancamento)</text>
                 </svg>
               </div>
               <p className="text-[10px] text-muted-foreground leading-snug">Vento inclinado gera descolamento brusco na borda esquerda elevada. Isso gera um pico severo de sucção (arrancamento).</p>