Update Chat PI: identity answer for 'quién eres' and WhatsApp button to Mauro and Ale

chat_pi.html

@@ -488,6 +488,18 @@
                     `;
                 }
 
+                let waBtnHtml = '';
+                if (msg.waBtn) {
+                    waBtnHtml = `
+                        <a href="${msg.waBtn.url}" target="_blank" rel="noopener" class="chat-wa-btn" style="display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#25d366; color:#ffffff; text-decoration:none; padding:10px 18px; border-radius:14px; font-weight:700; font-size:0.86rem; margin-top:10px; box-shadow:0 4px 12px rgba(37,211,102,0.25); transition:transform 0.15s ease;">
+                            <svg viewBox="0 0 24 24" fill="currentColor" style="width:18px; height:18px; flex-shrink:0;">
+                                <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
+                            </svg>
+                            <span>${msg.waBtn.text}</span>
+                        </a>
+                    `;
+                }
+
                 if (msg.role === 'assistant') {
                     row.innerHTML = `
                         <div class="msg-avatar">
@@ -496,6 +508,7 @@
                         <div class="bubble">
                             ${escapeHTML(msg.text)}
                             ${photoHtml}
+                            ${waBtnHtml}
                         </div>
                     `;
                 } else {
@@ -528,7 +541,8 @@
                 chatHistory.push({
                     role: 'assistant',
                     text: replyObj.text,
-                    photo: replyObj.photo || null
+                    photo: replyObj.photo || null,
+                    waBtn: replyObj.waBtn || null
                 });
                 saveAndRender();
             }, 350);
@@ -537,6 +551,18 @@
                 function processContextualReply(userQuery) {
             const q = userQuery.toLowerCase().trim();
 
+            // 0. IDENTIDAD: ¿QUIÉN ERES?
+            if (q.includes('quien sos') || q.includes('quién sos') || q.includes('quien eres') || q.includes('quién eres') || q.includes('que sos') || q.includes('qué sos') || q.includes('que eres') || q.includes('qué eres') || q.includes('como te llamas') || q.includes('cómo te llamas') || q.includes('tu nombre') || q.includes('presentate') || q.includes('preséntate') || q.includes('quien te creo') || q.includes('quién te creó') || q.includes('quien te hizo') || q.includes('quién te hizo')) {
+                return {
+                    text: 'Soy Pi, un bot de inteligencia artificial, aprendiendo día a día sobre lo que Mauro y Ale fabrican en Pi Juguetes y ayudando en lo que pueda. Si querés hablar con ellos podés comunicarte directamente por WhatsApp:',
+                    photo: null,
+                    waBtn: {
+                        text: 'Hablar con Mauro y Ale (WhatsApp)',
+                        url: 'https://wa.me/542364320482?text=' + encodeURIComponent('Hola Mauro y Ale! Vengo desde el Chat PI y quisiera hacerles una consulta.')
+                    }
+                };
+            }
+
             // 1. SALUDOS ESPECÍFICOS Y "¿CÓMO ESTÁS?"
             if (q.includes('como estas') || q.includes('cómo estás') || q.includes('como te va') || q.includes('cómo te va') || q.includes('todo bien') || q.includes('como andas') || q.includes('cómo andas') || q.includes('que tal estas') || q.includes('qué tal estás')) {
                 lastContext.askedCatalog = true;