fix: resolve text overlay inside GalpaoModule 3D viewer on mobile

app/src/pages/GalpaoModule.tsx

@@ -92,7 +92,8 @@ const GalpaoModule: React.FC = () => {
 
       {/* Coluna Direita: Viewer 3D */}
       <div className="flex-1 flex flex-col min-h-[500px] lg:min-h-0 bg-background rounded-xl border border-border shadow-sm overflow-hidden relative">
-        <div className="absolute top-4 left-4 z-10 flex gap-2">
+        <div className="absolute top-4 left-4 right-4 z-10 flex flex-col sm:flex-row sm:justify-between gap-3 pointer-events-none">
+          <div className="flex flex-wrap gap-2 pointer-events-auto">
             <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm border-muted-foreground/20 text-foreground shadow-sm">
               Vento a {windAngle}°
             </Badge>
@@ -104,10 +105,11 @@ const GalpaoModule: React.FC = () => {
             </Badge>
           </div>
 
-        <div className="absolute top-4 right-4 z-10 flex gap-2">
+          <div className="flex flex-wrap gap-2 pointer-events-auto justify-start sm:justify-end">
             <ExportMenu />
             <EducationalManual type="warehouse" params={{ windAngle, cpi }} />
           </div>
+        </div>
 
         <div className="absolute bottom-4 left-4 z-10 flex gap-3 p-3 bg-background/90 backdrop-blur-md border border-border rounded-lg shadow-sm">
           <div className="flex items-center gap-2">