Update app.py

app.py

@@ -212,21 +212,37 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-# Crear columnas
-col1, col2 = st.columns([1, 2])  
+# Añadir CSS personalizado para ajustar el tamaño de las columnas y los campos de entrada
+st.markdown("""
+    <style>
+    textarea {
+        font-size: 18px !important;
+        width: 100% !important;
+        height: auto !important;
+        min-height: 40px !important;
+        max-height: 200px !important;
+        overflow: auto !important;
+        line-height: 1.5;
+        padding: 5px;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+# Crear columnas ajustadas al 40% y 60%
+col1, col2 = st.columns([0.4, 0.6])  
 
-# Columnas de entrada
+# Columnas de entrada en la izquierda (40%)
 with col1:
-    target_audience = st.text_input("¿Quién es tu público objetivo?", placeholder="Ejemplo: Estudiantes Universitarios")
-    product = st.text_input("¿Qué producto tienes en mente?", placeholder="Ejemplo: Curso de Inglés")
-    call_to_action = st.text_input("¿Qué acción deseas que tomen?", placeholder="Ejemplo: Inscribirse al curso")
+    target_audience = st.text_area("¿Quién es tu público objetivo?", placeholder="Ejemplo: Estudiantes Universitarios", height=40)
+    product = st.text_area("¿Qué producto tienes en mente?", placeholder="Ejemplo: Curso de Inglés", height=40)
+    call_to_action = st.text_area("¿Qué acción deseas que tomen?", placeholder="Ejemplo: Inscribirse al curso", height=40)
     number_of_ctas = st.selectbox("Número de llamados a la acción", options=[1, 2, 3, 4, 5], index=2)
     temperature = st.slider("Creatividad", min_value=0.0, max_value=1.0, value=0.5, step=0.1)
 
     # Botón de enviar
     submit = st.button("Generar Llamados a la Acción")
 
-# Mostrar los llamados a la acción generados
+# Mostrar los llamados a la acción generados en la derecha (60%)
 if submit:
     if target_audience and product and call_to_action:
         try: