Upload 8 files

app.py

@@ -68,29 +68,24 @@ with col1:
     product = st.text_input("¿Qué producto tienes en mente?", placeholder="Ejemplo: Curso de Inglés")
     number_of_benefits = st.selectbox("Número de Beneficios", options=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10], index=4)
 
-    # Create tabs instead of nested expanders
-    tab1, tab2 = st.tabs(["Fórmula", "Ángulo"])
-    
-    with tab1:
-        temperature = st.slider("Creatividad", min_value=0.0, max_value=2.0, value=1.0, step=0.1)
+    # Replace tabs with expander
+    with st.expander("Opciones avanzadas"):
+        st.subheader("Tipo de CTA:")
         selected_formula_key = st.selectbox(
-            "Selecciona una fórmula para tus beneficios",
+            "",  # Empty label since we use subheader
             options=list(bullet_formulas.keys())
         )
         selected_formula = bullet_formulas[selected_formula_key]
 
-    with tab2:
+        st.subheader("Tono del CTA:")
         selected_angle_key = st.selectbox(
-            "Selecciona el ángulo para tus beneficios",
+            "",  # Empty label since we use subheader
             options=list(bullet_angles.keys())
         )
         selected_angle = bullet_angles[selected_angle_key]
-        
-        # Show angle details
-        st.markdown(f"""
-            **Style:** {selected_angle['style']}  
-            **Keywords:** {', '.join(selected_angle['keywords'])}
-        """)
+
+        st.subheader("Nivel de creatividad:")
+        temperature = st.slider("", min_value=0.0, max_value=2.0, value=1.0, step=0.1)
 
     # Button at the bottom
     submit = st.button("Generar Beneficios")

style.py

@@ -1,23 +1,33 @@
-# Custom CSS styles for the application
-styles = {
-    "main_layout": """
-        <style>
-            .block-container { padding-top: 1rem; padding-bottom: 5rem; }
-            h1 { margin-top: 0rem; padding-top: 1rem; }
-            h4 { margin-top: 0.5rem; padding-top: 0rem; }
-        </style>
-    """,
-    "button": """
-        <style>
-            .stButton > button {
-                width: 100%;
-                margin-top: 1rem;
-            }
-        </style>
-    """,
-    "results_container": """
-        padding: 15px;
-        border: 1px solid #ddd;
-        border-radius: 8px;
-    """
+styles = {
+    "main_layout": """
+        <style>
+            .block-container { padding-top: 1rem; padding-bottom: 5rem; }
+            h1 { margin-top: 0rem; padding-top: 1rem; }
+            h4 { margin-top: 0.5rem; padding-top: 0rem; }
+        </style>
+    """,
+    "button": """
+        <style>
+            .stButton > button {
+                width: 100%;
+                margin-top: 1rem;
+            }
+        </style>
+    """,
+    "results_container": """
+        padding: 15px;
+        border: 1px solid #ddd;
+        border-radius: 8px;
+    """,
+    "expander": """
+        <style>
+            .streamlit-expanderHeader {
+                font-size: 1.2em;
+                font-weight: 600;
+            }
+            .streamlit-expanderContent {
+                padding: 1rem;
+            }
+        </style>
+    """
 }