Update app.py

app.py

@@ -135,47 +135,42 @@ Redacta el Auto de Medida Provisional completo siguiendo estrictamente la estruc
     return tipos_str, riesgo, tipo_medida, razonamiento
 
 # === Interfaz Gradio (sin cambios) ===
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="green")) as interfaz:
-    gr.HTML("""
-    <style>
-        body {
-            background-color: #f3f9f5 !important;
-        }
-        .externado-boton button {
-            background-color: #2e6d3e !important;
-            color: white !important;
-            border: none !important;
-        }
-        .externado-boton button:hover {
-            background-color: #3c874e !important;
-        }
-        .externado-textbox textarea,
-        .externado-radio label,
-        .externado-slider input {
-            background-color: #ffffff !important;
-            border: 1px solid #cce0d0 !important;
-            border-radius: 6px;
-        }
-        .externado-textbox textarea:focus {
-            border-color: #2e6d3e !important;
-        }
-        .externado-radio input:checked + span {
-            background-color: #2e6d3e !important;
-            color: white !important;
-        }
-    </style>
-    """)
-
-    gr.Markdown("""
-    <div style="display:flex; align-items:center; gap:20px; background-color:#e9f5ee; padding:15px; border-radius:10px;">
-      <img src="https://drive.google.com/uc?export=view&id=1RcduvL3lrEnBm6CoGLXkk2NFDINud_s8" alt="Logo Externado" style="height:80px;">
-      <h1 style="color:#2e6d3e;">LEGALFAMI – Asistente Legal con Razonamiento Jurídico</h1>
+with gr.Blocks(
+    css="""
+    body {
+        background-color: #00472f;
+        color: #ffffff;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    }
+    .gr-button {
+        background: #006b3f !important;
+        color: white !important;
+        border: none !important;
+    }
+    .gr-button:hover {
+        background: #008f4f !important;
+    }
+    .gr-textbox, .gr-slider, .gr-radio {
+        background-color: #003322 !important;
+        color: white !important;
+    }
+    .gr-textbox textarea {
+        color: white !important;
+    }
+    .gr-markdown {
+        color: white !important;
+    }
+    """
+) as interfaz:
+    gr.Markdown(f"""
+    <div style="display:flex; align-items:center; gap:20px;">
+        <img src="https://i.postimg.cc/vHkRkhk7/logo-externado.png" alt="Logo Externado" style="height:60px;">
+        <h1 style='color:#ffffff;'>LEGALFAMI – Asistente Legal con Razonamiento Jurídico</h1>
     </div>
-    <p style="color:#2e6d3e; font-weight:bold;">
-      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("<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>")
+
     with gr.Row():
         with gr.Column():
             edad = gr.Slider(18, 65, value=30, label="Edad de la Víctima")
@@ -184,24 +179,14 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="green")) as interfaz:
             convivencia_agresor = gr.Radio(["sí", "no"], label="¿Convive con el Agresor?")
             consumo_sustancias = gr.Radio(["sí", "no"], label="¿Hay Consumo de Sustancias?")
             apoyo_familiar = gr.Radio(["sí", "no"], label="¿Tiene Apoyo Familiar?")
-            descripcion = gr.Textbox(
-                lines=5,
-                placeholder="Describa detalladamente el caso de violencia...",
-                label="Descripción del Caso",
-                elem_classes="externado-textbox"
-            )
-            boton = gr.Button("🔍 Analizar Caso", elem_classes="externado-boton")
+            descripcion = gr.Textbox(lines=5, placeholder="Describa detalladamente el caso...", label="Descripción del Caso")
+            boton = gr.Button("🔍 Analizar Caso")
 
         with gr.Column():
-            tipo_violencia_out = gr.Textbox(label="🛑 Tipo de Violencia Detectada", interactive=False, elem_classes="externado-textbox")
-            riesgo_out = gr.Textbox(label="⚠️ Nivel de Riesgo Estimado", interactive=False, elem_classes="externado-textbox")
-            medida_out = gr.Textbox(label="🧾 Tipo de Medida Cautelar Sugerida", interactive=False, elem_classes="externado-textbox")
-            recomendacion_out = gr.Textbox(
-                label="📋 Recomendación Legal Razonada",
-                lines=15,
-                interactive=False,
-                elem_classes="externado-textbox"
-            )
+            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)
 
     boton.click(
         fn=predecir_con_recomendacion,