Update app.py

app.py

@@ -136,40 +136,44 @@ Redacta el Auto de Medida Provisional completo siguiendo estrictamente la estruc
 
 # === Interfaz Gradio (sin cambios) ===
 with gr.Blocks(
+    theme=gr.themes.Base(
+        primary_hue="green",
+        neutral_hue="slate",
+        font=[gr.themes.GoogleFont("Roboto")],
+    ),
     css="""
     body {
-        background-color: #00472f;
-        color: #ffffff;
-        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        background-color: #0b3d28;
     }
-    .gr-button {
-        background: #006b3f !important;
-        color: white !important;
-        border: none !important;
+    .gr-block.gr-markdown h1 {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        color: #ffffff;
     }
-    .gr-button:hover {
-        background: #008f4f !important;
+    .gr-block.gr-markdown h1 img {
+        height: 60px;
+        border-radius: 4px;
     }
-    .gr-textbox, .gr-slider, .gr-radio {
-        background-color: #003322 !important;
-        color: white !important;
+    .gr-block.gr-markdown p {
+        color: #d6f5e3;
     }
-    .gr-textbox textarea {
-        color: white !important;
+    .gr-input, .gr-textbox, .gr-button {
+        background-color: #ffffff !important;
+        color: #000000 !important;
     }
-    .gr-markdown {
-        color: white !important;
+    .gr-box {
+        border: 1px solid #a3d9a5;
+        border-radius: 8px;
     }
-    """
+    """,
 ) as interfaz:
-    gr.Markdown(f"""
-    <div style="display:flex; align-items:center; gap:20px;">
-        <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAEsA8ADASIAAhEBAxEB/8QAGwABAQADAQEBAAAAAAAAAAAAAAYFBwEDCAL/xAAsEAACAQIEBAUEAwAAAAAAAAABAgMEEQUSIQYHQRMiMRRRYXEjMkJRobH/xAAXAQEBAQEAAAAAAAAAAAAAAAADBAAC/8QAHREBAQACAgMBAAAAAAAAAAAAAAECERIDITFRQf/aAAwDAQACEQMRAD8A6+jV3XM6bPptnMzV19OHTyU8P6gHbYH7sfzT8wz3Vj5QZcIXOcBBHsaTHBRx7a1M1GHqn6Gpdc1lVU4a8hvZhjp6WGMhpd4q3FcB8rRaHG21zfb2OVn9Mc4UUHhUVj5OCyIya7M9jJ9K5c1DcsUOMh3H7mVrCpe1OETTw5CrhSfbZI09u7zdkBJI8RdtmtxlHg9YpHcjqJ/HtdMuzFbavV7A9f7riGkjs8hvRh9Nul6sPyxFYVeQfeLKnbA6Ad9SzWX0UGVcZpG8BxlI2LzDkJ6aEodtJ43EklrTOxx2MfV2nFWSh8il80bph7X1hW73T7j9Tx0rFzTfV6F4Rb2/F2p3wEj3m6+8D7Rs7jqYx6UE3JJqctspR7k5XZ70bQAbOIrK6WCDXw+IT/9k=" alt="Logo Externado" style="height:60px;">
-        <h1 style='color:#ffffff;'>LEGALFAMI – Asistente Legal con Razonamiento Jurídico</h1>
-    </div>
-    """)
-
-    gr.Markdown("<p style='color:#ffffff;'>Predice tipo de violencia, nivel de riesgo, medida cautelar y genera una decisión motivada conforme a la Ley 575 de 2000.</p>")
+    gr.Markdown(
+        """
+<h1><img src="https://i.imgur.com/6m2M1to.png" alt="Logo Externado">LEGALFAMI – Asistente Legal con Razonamiento Jurídico</h1>
+<p>Predice tipo de violencia, nivel de riesgo, medida cautelar y genera una decisión motivada conforme a la Ley 575 de 2000.</p>
+"""
+    )
 
     with gr.Row():
         with gr.Column():
@@ -186,12 +190,25 @@ with gr.Blocks(
             tipo_violencia_out = gr.Textbox(label="🛑 Tipo de Violencia Detectada", interactive=False)
             riesgo_out = gr.Textbox(label="⚠️ Nivel de Riesgo Estimado", interactive=False)
             medida_out = gr.Textbox(label="🧾 Tipo de Medida Cautelar Sugerida", interactive=False)
-            recomendacion_out = gr.Textbox(label="📋 Recomendación Legal Razonada", lines=14, interactive=False)
+            recomendacion_out = gr.Textbox(label="📋 Recomendación Legal Razonada", lines=16, interactive=False)
 
     boton.click(
         fn=predecir_con_recomendacion,
-        inputs=[edad, genero, hijos, convivencia_agresor, consumo_sustancias, apoyo_familiar, descripcion],
-        outputs=[tipo_violencia_out, riesgo_out, medida_out, recomendacion_out]
+        inputs=[
+            edad,
+            genero,
+            hijos,
+            convivencia_agresor,
+            consumo_sustancias,
+            apoyo_familiar,
+            descripcion,
+        ],
+        outputs=[
+            tipo_violencia_out,
+            riesgo_out,
+            medida_out,
+            recomendacion_out,
+        ],
     )
 
 interfaz.launch()