Update app.py

app.py

@@ -166,33 +166,73 @@ with gr.Blocks(title="Sistema de Busca de Consórcio Imóvel") as demo:
     gr.HTML(
         """
         <style>
-            body {
-                background-color: #ff8f00 !important;
-                color: black !important;
-            }
-
-            .gr-button {
-                background-color: white !important;
-                color: black !important;
-                font-weight: bold;
-                border: 2px solid black !important;
-                transition: 0.2s;
-            }
-
-            .gr-button:hover {
-                background-color: #1d449a !important;
-                color: white !important;
-            }
-
-            label {
-                color: black !important;
-            }
-
-            input, textarea {
-                background-color: white !important;
-                color: black !important;
-            }
-        </style>
+        body {
+            background-color: #ff8f00 !important;
+            color: white !important;
+            font-family: 'Arial', sans-serif;
+        }
+
+        .gr-block.gr-textbox label,
+        .gr-block.gr-number label,
+        .gr-block.gr-checkboxgroup label {
+            font-weight: bold;
+            color: white !important;
+            text-align: center;
+            display: block;
+        }
+
+        input, select, textarea {
+            background-color: white !important;
+            color: black !important;
+            border-radius: 12px !important;
+            border: none !important;
+            padding: 10px 15px !important;
+            font-size: 16px !important;
+            width: 100% !important;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        }
+
+        .gr-button {
+            background-color: white !important;
+            color: black !important;
+            border-radius: 25px !important;
+            font-size: 18px !important;
+            padding: 12px 24px !important;
+            font-weight: bold;
+            border: none !important;
+            width: 100%;
+            transition: all 0.3s ease-in-out;
+        }
+
+        .gr-button:hover {
+            background-color: #1d449a !important;
+            color: white !important;
+        }
+
+        .gr-markdown h2, .gr-markdown p {
+            text-align: center;
+            font-weight: bold;
+            color: white;
+        }
+
+        .gr-row {
+            justify-content: center;
+            gap: 20px;
+            flex-wrap: wrap;
+        }
+
+        .gr-column {
+            width: 100%;
+            max-width: 300px;
+        }
+
+        .gr-block.gr-checkboxgroup {
+            max-width: 300px;
+            margin: 0 auto;
+        }
+    </style>
+    """
+)
         """
     )