Update app.py

app.py

@@ -79,9 +79,34 @@ def get_gemini_response(target_audience, product, text_type, length, mood, model
 st.set_page_config(page_title="VisionTales", layout="wide")
 st.title("VisionTales: Crea historias inolvidables con IA")
 
-# Barra lateral para personalizar el texto
-with st.sidebar:
-    st.header("Personaliza tu texto")
+# Añadir CSS personalizado para el botón
+st.markdown("""
+    <style>
+    div.stButton > button {
+        background-color: #FFCC00; /* Color llamativo */
+        color: black;  /* Texto en negro */
+        width: 90%;
+        height: 60px;
+        font-weight: bold;
+        font-size: 22px; /* Tamaño más grande */
+        text-transform: uppercase; /* Texto en mayúsculas */
+        border: 1px solid #000000; /* Borde negro de 1px */
+        border-radius: 8px;
+        display: block;
+        margin: 0 auto;  /* Centramos el botón */
+    }
+    div.stButton > button:hover {
+        background-color: #FFD700; /* Color al pasar el mouse */
+        color: black;  /* Texto sigue en negro */
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+# Crear dos columnas para el diseño (40% y 60%)
+col1, col2 = st.columns([2, 3])  # 2 + 3 = 5 partes en total
+
+with col1:
+    # Crear campos de entrada
     target_audience = st.text_input("¿Quién es tu público objetivo?")
     product = st.text_input("¿Qué producto tienes en mente?")
     text_type = st.selectbox("Tipo de texto", ["Historia", "Carta de venta", "Correo", "Landing page"])
@@ -89,7 +114,7 @@ with st.sidebar:
     mood = st.selectbox("Tono de voz", ["Conversacional", "Formal", "Emocional", "Persuasivo"])
     model_choice = st.selectbox("Modelo", ["gemini-1.5-flash", "gemini-1.5-pro"])
 
-# Botón para generar el texto (fuera de la barra lateral)
+# Botón para generar el texto (dentro de la interfaz principal)
 if st.button("Escribir mi texto"):
     try:
         # Obtener la respuesta del modelo