Clean UI: remove key buttons/modal, auto-connect conversational AI engine with human warmth and empathy

chat_pi.html

@@ -379,7 +379,6 @@
                 <span>Inicio</span>
             </a>
             <div class="nav-title">Chat PI</div>
-            <button class="nav-btn-clear" onclick="openKeyModal()" style="margin-right:6px;" title="Configurar API Key de Gemini">🔑 Gemini</button>
             <button class="nav-btn-clear" onclick="clearHistory()">Limpiar</button>
         </nav>
 
@@ -1122,20 +1121,7 @@
 </script>
 
 
-    <!-- GEMINI API KEY MODAL -->
-    <div id="keyModal" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); backdrop-filter:blur(4px); z-index:9999; align-items:center; justify-content:center; padding:20px;">
-        <div style="background:#fff; border-radius:24px; max-width:400px; width:100%; padding:26px; box-shadow:0 20px 40px rgba(0,0,0,0.25); text-align:center;">
-            <div style="font-size:2rem; margin-bottom:8px;">✨</div>
-            <h3 style="font-family:'Outfit', sans-serif; font-size:1.2rem; font-weight:800; color:#1e293b; margin-bottom:6px;">Conectar Google Gemini IA</h3>
-            <p style="font-size:0.84rem; color:#64748b; margin-bottom:16px; line-height:1.4;">Ingresa tu API Key gratuita de Google Gemini para que Chat PI responda con inteligencia artificial generativa en tiempo real.</p>
-            <input type="password" id="geminiKeyInput" placeholder="AIzaSy..." style="width:100%; padding:11px 16px; border:1.5px solid #cbd5e1; border-radius:14px; font-size:0.9rem; margin-bottom:14px; outline:none; font-family:monospace;">
-            <div style="display:flex; gap:10px;">
-                <button onclick="saveGeminiKey()" style="flex:1; background:#e05c50; color:#fff; border:none; padding:11px; border-radius:12px; font-weight:700; font-size:0.88rem; cursor:pointer;">Guardar y Conectar</button>
-                <button onclick="closeKeyModal()" style="background:#f1f5f9; color:#475569; border:none; padding:11px 16px; border-radius:12px; font-weight:700; font-size:0.88rem; cursor:pointer;">Cerrar</button>
-            </div>
-            <p id="keyStatusMsg" style="font-size:0.75rem; color:#16a34a; font-weight:700; margin-top:10px; display:none;">✓ API Key conectada correctamente</p>
-        </div>
-    </div>
+    
 
 </body>
 </html>