fix: sign3D text rotation parallel to wall + badge dark mode contrast

app/src/components/three/Sign3D.tsx

@@ -184,7 +184,8 @@ function SignModel({
       {/* Texto Informativo Superior */}
       <Text
         position={[0, topY + 0.6, 0]}
-        fontSize={0.4}
+        rotation={[0, Math.PI / 2, 0]}
+        fontSize={Math.max(0.25, Math.min(0.4, length / 12))}
         color={isDark ? "#cbd5e1" : "#1a202c"}
         anchorX="center"
         anchorY="bottom"

app/src/pages/SignModule.tsx

@@ -116,8 +116,8 @@ const SignModule: React.FC = () => {
       {/* Coluna Central: 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">
-          <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm">F = {result.forceKN.toFixed(2)} kN</Badge>
-          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm">Cf = {result.cf.toFixed(2)}</Badge>
+          <Badge variant="secondary" className="bg-background/80 backdrop-blur-sm text-foreground border border-border/80 shadow-sm">F = {result.forceKN.toFixed(2)} kN</Badge>
+          <Badge variant="outline" className="bg-background/80 backdrop-blur-sm text-foreground border border-border/80 shadow-sm">Cf = {result.cf.toFixed(2)}</Badge>
         </div>
         <div className="absolute top-4 right-4 z-10">
           <EducationalManual type="sign" params={{ length, height, alpha, hasEndPlates }} />