Update app.py

app.py

@@ -13,17 +13,20 @@ import re
 load_dotenv()
 os.getenv("GROQ_API_KEY")
 
-css_style = """
+st.markdown("""
 <style>
+    .main-title {
+        font-size: 28px; /* Reducir tamaño del texto */
+        margin-top: -20px; /* Reducir espacio superior */
+        margin-bottom: 10px; /* Reducir espacio inferior */
+        text-align: center;
+        color: #252850;
+    }
     .step-number { font-size: 24px; font-weight: bold; }
-    .response-box { padding: 20px; background-color: #f8f9fa; border-radius: 10px; border-left: 5px solid #252850; margin: 20px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+    .response-box { padding: 20px; background-color: #f8f9fa; border-radius: 10px; border-left: 5px solid #252850; margin: 20px 0; }
     .metadata-box { padding: 20px; background-color: #f0f2f6; border-radius: 10px; margin-bottom: 20px; }
-    .custom-input { font-size: 16px; padding: 10px; border-radius: 5px; border: 1px solid #ccc; }
-    .suggestion-container { border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin: 10px 0; background: #f8f9fa; }
-    .suggestion-btn { width: 100%; margin: 3px 0; padding: 8px; border-radius: 5px; border: 1px solid #252850; background: white; cursor: pointer; transition: all 0.2s; }
-    .suggestion-btn:hover { background: #252850; color: white; }
 </style>
-"""
+""", unsafe_allow_html=True)
 
 def eliminar_proceso_pensamiento(texto):
     texto_limpio = re.sub(r'<.*?>', '', texto, flags=re.DOTALL)
@@ -146,8 +149,7 @@ def procesar_consulta(user_question):
 
 def main():
     st.set_page_config(page_title="PDF Consultor 🔍", page_icon="🔍", layout="wide")
-    st.title("PDF Consultor 🔍")
-    st.markdown(css_style, unsafe_allow_html=True)
+    st.markdown('<h1 class="main-title">PDF Consultor 🔍</h1>', unsafe_allow_html=True)
 
     estados = {
         'documento_cargado': False,
@@ -203,7 +205,7 @@ def main():
             with st.container():
                 st.markdown("""
                 <div class="suggestion-container">
-                    <div style="font-size:14px; color:#666; margin-bottom:8px;">💡 ¿Necesitas ideas?</div>
+                    <div style="font-size:18px; color:#666; margin-bottom:8px;">💡 ¿Necesitas ideas?</div>
                 """, unsafe_allow_html=True)
 
                 cols_sugerencias = st.columns(3)