Update app.py

app.py

@@ -143,14 +143,22 @@ with col2:
             if not isinstance(st.session_state.perfil_cliente, str):
                 st.error("Error al generar el perfil de cliente ideal")
             else:
-                # Crear un contenedor estilizado usando st.container y CSS personalizado
-                results_container = st.container()
-                with results_container:
-                    st.markdown(f"<div style='{styles['results_container']}'>", unsafe_allow_html=True)
+                # Crear un contenedor con estilo personalizado
+                st.markdown(f"""
+                <style>
+                .results-box {{
+                    padding: 15px;
+                    border: 1px solid #ddd;
+                    border-radius: 8px;
+                    margin-bottom: 20px;
+                }}
+                </style>
+                """, unsafe_allow_html=True)
+                
+                # Usar un expander sin título para contener todo el resultado
+                with st.expander("", expanded=True):
                     st.markdown("<h3>Tu Cliente Ideal</h3>", unsafe_allow_html=True)
-                    # Usar st.write en lugar de st.markdown para mejor manejo del contenido
-                    st.write(st.session_state.perfil_cliente)
-                    st.markdown("</div>", unsafe_allow_html=True)
+                    st.markdown(st.session_state.perfil_cliente)
                 
                 # Opción para descargar
                 st.download_button(
@@ -163,14 +171,22 @@ with col2:
             st.warning("Por favor, completa los campos de producto y habilidades antes de generar el perfil.")
     # Mostrar resultados anteriores si existen
     elif st.session_state.perfil_cliente:
-        # Crear un contenedor estilizado usando st.container y CSS personalizado
-        results_container = st.container()
-        with results_container:
-            st.markdown(f"<div style='{styles['results_container']}'>", unsafe_allow_html=True)
+        # Crear un contenedor con estilo personalizado
+        st.markdown(f"""
+        <style>
+        .results-box {{
+            padding: 15px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            margin-bottom: 20px;
+        }}
+        </style>
+        """, unsafe_allow_html=True)
+        
+        # Usar un expander sin título para contener todo el resultado
+        with st.expander("", expanded=True):
             st.markdown("<h3>Tu Cliente Ideal</h3>", unsafe_allow_html=True)
-            # Usar st.write en lugar de st.markdown para mejor manejo del contenido
-            st.write(st.session_state.perfil_cliente)
-            st.markdown("</div>", unsafe_allow_html=True)
+            st.markdown(st.session_state.perfil_cliente)
         
         # Opción para descargar
         st.download_button(