Update app.py

app.py

@@ -69,22 +69,31 @@ def generate_opening_paragraph(target_audience, product, temperature, text_type,
         ]
     )
 
-    response = chat_session.send_message("Genera el párrafo de apertura")  # Enviar mensaje para obtener la respuesta
-    return to_markdown(response.text)  # Usar to_markdown para formatear la respuesta
+    response = chat_session.send_message("Genera el párrafo de apertura")
+    return to_markdown(response.text)
 
 # Configurar la interfaz de usuario con Gradio
-with gr.Blocks() as iface:
-    gr.HTML("<h1>Generador de Párrafos de Apertura</h1>")
-    with gr.Row():
-        target_audience = gr.Textbox(label="Público Objetivo", placeholder="Ejemplo: Estudiantes Universitarios")
-        product = gr.Textbox(label="Producto", placeholder="Ejemplo: Curso de Inglés")
-        temperature = gr.Slider(minimum=0, maximum=1, value=0.5, step=0.1, label="Creatividad")
-        model_selector = gr.Dropdown(choices=["gemini-1.5-pro", "gemini-1.5-flash"], value="gemini-1.5-pro", label="Selecciona el modelo")
-        text_type = gr.Dropdown(choices=["Página de Ventas", "Correo", "Historia"], label="Tipo de Texto", value="Página de Ventas")
-
-    submit_btn = gr.Button("Generar Párrafo de Apertura", variant="primary")
-    output_text = gr.Markdown(label="Párrafo de Apertura Generado")
+css = """
+<style>
+    body { font-family: Arial, sans-serif; }
+    .gradio-container { max-width: 800px; margin: auto; }
+</style>
+"""
 
+with gr.Blocks(css=css) as iface:
+    gr.HTML("<h1 class='text-3xl font-bold text-center mb-6'>Generador de Párrafos de Apertura</h1>")
+    with gr.Row():
+        with gr.Column():
+            target_audience = gr.Textbox(label="Público Objetivo", placeholder="Ejemplo: Estudiantes Universitarios")
+            product = gr.Textbox(label="Producto", placeholder="Ejemplo: Curso de Inglés")
+            temperature = gr.Slider(minimum=0, maximum=1, value=0.5, step=0.1, label="Creatividad")
+            text_type = gr.Dropdown(choices=["Página de Ventas", "Correo", "Historia"], label="Tipo de Texto", value="Página de Ventas")
+            model_selector = gr.Dropdown(choices=["gemini-1.5-pro", "gemini-1.5-flash"], value="gemini-1.5-pro", label="Selecciona el modelo")
+            submit_btn = gr.Button("Generar Párrafo de Apertura", variant="primary")
+        
+        with gr.Column():
+            output_text = gr.Markdown(label="Párrafo de Apertura Generado")
+    
     submit_btn.click(fn=generate_opening_paragraph, inputs=[target_audience, product, temperature, text_type, model_selector], outputs=output_text)
 
 # Lanza la interfaz