Update app.py

app.py

@@ -13,20 +13,17 @@ import re
 load_dotenv()
 os.getenv("GROQ_API_KEY")
 
-st.markdown("""
+css_style = """
 <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; }
+    .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); }
     .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)
@@ -54,13 +51,10 @@ def get_conversational_chain():
     Responde en español exclusivamente con la información solicitada usando el contexto, además sé lo más extenso y detallado posible
     siempre que se pueda desarollar, como explicando el contenido de referencias nombradas.
     Formato: Respuesta directa sin prefijos. Si no hay información, di "No disponible".
-
     Contexto:
     {context}
-
     Pregunta:
     {question}
-
     Respuesta:
     """
     model = ChatGroq(
@@ -106,7 +100,6 @@ def generar_sugerencias():
         1. [Pregunta completa en español]
         2. [Pregunta completa en español]
         3. [Pregunta completa en español]
-
         Contexto:
         {context}
         """
@@ -149,7 +142,8 @@ def procesar_consulta(user_question):
 
 def main():
     st.set_page_config(page_title="PDF Consultor 🔍", page_icon="🔍", layout="wide")
-    st.markdown('<h1 class="main-title">PDF Consultor 🔍</h1>', unsafe_allow_html=True)
+    st.title("PDF Consultor 🔍")
+    st.markdown(css_style, unsafe_allow_html=True)
 
     estados = {
         'documento_cargado': False,
@@ -205,7 +199,7 @@ def main():
             with st.container():
                 st.markdown("""
                 <div class="suggestion-container">
-                    <div style="font-size:18px; color:#666; margin-bottom:8px;">💡 ¿Necesitas ideas?</div>
+                    <div style="font-size:14px; color:#666; margin-bottom:8px;">💡 ¿Necesitas ideas?</div>
                 """, unsafe_allow_html=True)
 
                 cols_sugerencias = st.columns(3)
@@ -235,4 +229,4 @@ def main():
         st.info("Por favor, sube un documento PDF para comenzar.")
 
 if __name__ == "__main__":
-    main()
+    main()