Upload 8 files

app.py

@@ -68,18 +68,18 @@ 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)
 
-    # Replace tabs with expander
+    # Fix indentation - remove extra spaces
     with st.expander("Opciones avanzadas"):
         st.subheader("Tipo de CTA:")
         selected_formula_key = st.selectbox(
-            "",  # Empty label since we use subheader
+            "",
             options=list(bullet_formulas.keys())
         )
         selected_formula = bullet_formulas[selected_formula_key]
 
         st.subheader("Tono del CTA:")
         selected_angle_key = st.selectbox(
-            "",  # Empty label since we use subheader
+            "",
             options=list(bullet_angles.keys())
         )
         selected_angle = bullet_angles[selected_angle_key]
@@ -87,8 +87,7 @@ with col1:
         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")
+    submit = st.button("GENERAR LOS BULLETS POINTS")
 
 # Mostrar los beneficios generados
 # Update the submit section to include selected_angle

style.py

@@ -1,22 +1,42 @@
-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;
+                background-color: #FFD700;
+                color: black;
+                font-weight: bold;
+                border: none;
+            }
+            .stButton > button:hover {
+                background-color: #FFC800;
+                color: black;
+                border: none;
+            }
+        </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>
+    """
 }