What changed when
we started with the operation.

Six real businesses. With numbers where there is a close, and none invented where there is not.

Let's start with
your operation.

Thirty minutes to understand how your business runs. If automating isn't the priority right now, we'll tell you.

11:["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$16"}}] 17:T4b7,12:["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$17"}}] 13:["$","script",null,{"id":"grova-puente","dangerouslySetInnerHTML":{"__html":"window.GROVA={\"idioma\":\"en\",\"base\":\"/en\",\"camino\":\"/casos\",\"espejo\":\"/casos\",\"destinos\":{\"home\":\"/\",\"industrias\":\"/industrias\",\"salud\":\"/industrias/salud\",\"hosp\":\"/industrias/hospitalidad\",\"retail\":\"/industrias/retail\",\"atencion\":\"/industrias/atencion-al-cliente\",\"casos\":\"/casos\",\"caso-hotel\":\"/casos/hotel-marques-del-valle\",\"caso-blur\":\"/casos/blur\",\"caso-rocha\":\"/casos/rocha-geoservicios\",\"caso-fiscalmente\":\"/casos/fiscalmente\",\"caso-fitplus\":\"/casos/fitplus\",\"caso-spots\":\"/casos/the-spots\",\"caso-clawback\":\"/casos/clawback\",\"sistema\":\"/sistema\",\"nosotros\":\"/nosotros\",\"privacidad\":\"/privacidad\",\"contacto\":\"/#contacto\"},\"sitio\":\"https://grova.mx\"};"}}] 18:Te43c, const MEDIA={grooming:"/medios/744527f7f6.mp4",rocha:"/medios/32761c986f.mp4",fitplus:"/medios/33ffabd478.mp4",fiscalmente:"/medios/08fc98acda.mp4",clawback:"/medios/8662817bc5.mp4",clinica:"/medios/c7975a679b.mp4",dental:"/medios/00f73f6769.mp4",spa:"/medios/b17731fac7.mp4",retail:"/medios/dfea3e71e1.mp4",inmo:"/medios/5a5ea80d17.mp4",hotel:"/medios/482fc5d6cd.mp4",vet:"/medios/d9ab946f71.mp4",aDental:"/medios/2285698246.mp3",aDentalEn:"/medios/a6cf126284.mp3",aHotel:"/medios/9ea11e838c.mp3",aSpa:"/medios/38c51807ed.mp3",aSpaEn:"/medios/5b3c362230.mp3",aVet:"/medios/c844cb514c.mp3",aVetEn:"/medios/34c6d8386f.mp3",aVuelo:"/medios/6be33a1c6e.mp3",aVueloEn:"/medios/c32150c66d.mp3"}; (()=>{ const vids=[...document.querySelectorAll('video[data-v]')].filter(v=>MEDIA[v.dataset.v]); vids.forEach(v=>{v.preload='none';v.setAttribute('playsinline','')}); const cargar=v=>{ if(v.dataset.listo)return; v.dataset.listo='1'; v.src=MEDIA[v.dataset.v]; v.load(); // play() justo después de load() se rechaza: todavía no hay datos. // Se espera a que el video pueda reproducirse, y solo si sigue visible. const arrancar=()=>{ if(v.closest('.escena.activa,.cv.on')|| (v.closest('.vista.activa')&&!v.closest('.escena')&&!v.closest('.cv'))){ v.play().catch(()=>{}); } }; v.addEventListener('canplay',arrancar,{once:true}); if(v.readyState>=3)arrancar(); }; // El hero apila cinco escenas en el mismo sitio: si el observador las mira // todas, la portada se baja los cinco videos de golpe. Solo la activa. const esHero=v=>!!v.closest('#v-home .escena'); const heroe=document.querySelector('#v-home .escena.activa video[data-v]'); if(heroe)cargar(heroe); const escenas=document.querySelector('#v-home .escenas'); if(escenas&&'MutationObserver' in window){ new MutationObserver(ms=>{ ms.forEach(m=>{ const el=m.target; if(el.classList&&el.classList.contains('activa')){ const v=el.querySelector('video[data-v]'); if(v)cargar(v); } }); }).observe(escenas,{attributes:true,attributeFilter:['class'],subtree:true}); } if(!('IntersectionObserver' in window)){vids.forEach(cargar);return} const obs=new IntersectionObserver(es=>{ es.forEach(e=>{if(e.isIntersecting){cargar(e.target);obs.unobserve(e.target)}}); },{rootMargin:'600px'}); vids.filter(v=>!esHero(v)).forEach(v=>obs.observe(v)); // Al cambiar de vista, los videos de la nueva ya no estaban en pantalla: // el observador no los ve porque su contenedor estaba oculto. Se fuerzan. const irOriginal=window.irA; if(typeof irOriginal==='function'){ window.irA=function(id){ const r=irOriginal.apply(this,arguments); // Nada de requestAnimationFrame: no corre con la pestaña en segundo plano // y los videos se quedarían sin fuente al volver. const barrer=()=>document.querySelectorAll('.vista.activa video[data-v]').forEach(v=>{if(!esHero(v)||v.closest('.escena.activa'))cargar(v)}); barrer(); setTimeout(barrer,0); setTimeout(barrer,300); return r; }; } })(); const menos=matchMedia('(prefers-reduced-motion: reduce)').matches; /* ---------- router ---------- */ const nav=document.getElementById('nav'); function irA(id){ const anclas={contacto:'.cierre'}; const destino=GROVA.destinos[id]; if(anclas[id]){ const c=document.querySelector(anclas[id]); if(c){c.scrollIntoView({behavior:'smooth',block:'start'});return} } if(destino&&destino!==GROVA.camino){location.href=GROVA.base+destino;return} if(anclas[id])location.href=GROVA.base+'/'+String(destino||'').replace(/^\//,''); } document.addEventListener('click',e=>{ const b=e.target.closest('[data-ir]'); if(!b)return; e.preventDefault(); irA(b.dataset.ir); // si la tarjeta pide abrir una industria, la abrimos y la traemos a la vista const ind=b.dataset.abrir; if(ind){ setTimeout(()=>{ const bt=document.querySelector('.ind-b[data-ind="'+ind+'"]'); if(bt)bt.click(); const esc=document.getElementById('escenario'); if(esc)esc.scrollIntoView({behavior:menos?'auto':'smooth',block:'center'}); },90); } }); /* ---------- revelado ---------- */ document.documentElement.classList.add('rv'); /* Altura de referencia a prueba de fallos: si el navegador reporta 0 —pasa en contenedores incrustados— toda la matemática de posición se rompería y el contenido se quedaría invisible. */ const alturaReal=()=>innerHeight||document.documentElement.clientHeight||0; const VH=()=>{const h=alturaReal();return h>200?h:900}; /* Si el navegador no sabe decirnos cuánto mide la ventana, el revelado por posición no es fiable: mejor no ocultar nada. */ if(alturaReal()<200)document.documentElement.classList.remove('rv'); let io=null,ioN=null,barrer=()=>{}; /* Cura de seguridad: si un elemento ya tiene .in pero la transición no corrió (pasa cuando se le añade la clase mientras estaba oculto), lo forzamos visible. */ function curar(){ document.querySelectorAll('.vista.activa [data-rv].in').forEach(el=>{ if(getComputedStyle(el).opacity==='0'){el.style.opacity='1';el.style.transform='none'} }); } function observar(){ if(io)io.disconnect(); if(ioN)ioN.disconnect(); io=new IntersectionObserver(es=>{for(const e of es){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}}},{threshold:.12}); document.querySelectorAll('.vista.activa [data-rv]').forEach(el=>{el.classList.remove('in');el.style.opacity='';el.style.transform='';io.observe(el)}); const contar=el=>{ if(el.dataset.corriendo)return; el.dataset.corriendo='1'; const fin=parseInt(el.dataset.cuenta,10); if(menos){el.textContent=fin;return} const t0=performance.now(); (function tick(now){ const p=Math.min((now-t0)/1400,1); el.textContent=p>=1?fin:Math.round(fin*(1-Math.pow(1-p,3))); if(p<1)requestAnimationFrame(tick); })(t0); // red de seguridad: si el navegador limita las animaciones, la cifra // igual termina en su valor real. setTimeout(()=>{el.textContent=fin},1600); }; ioN=new IntersectionObserver(es=>{for(const e of es){ if(!e.isIntersecting)continue;ioN.unobserve(e.target);contar(e.target); }},{threshold:.5}); document.querySelectorAll('.vista.activa [data-cuenta]').forEach(el=>{ el.textContent='0';delete el.dataset.corriendo;ioN.observe(el); }); // Red de seguridad: si el IntersectionObserver no dispara (pestaña de fondo, // navegador que lo limita), el contenido NUNCA debe quedarse invisible. // Este barrido por posición garantiza que todo aparezca igual. barrer=()=>{ document.querySelectorAll('.vista.activa [data-rv]:not(.in)').forEach(el=>{ const r=el.getBoundingClientRect(); if(r.top{ const r=el.getBoundingClientRect(); if(r.top{barrer();if(++vueltas>60)clearInterval(window.__rvTick)},700); /* Detector de mecanismo roto: si a los 3 s no se reveló NADA, algo falló (viewport degenerado, observador inerte, scroll sin eventos). Antes de dejar la página en blanco, apagamos el ocultamiento y se ve todo. */ clearTimeout(window.__rvSOS); window.__rvSOS=setTimeout(()=>{ const total=document.querySelectorAll('.vista.activa [data-rv]').length; const vistos=document.querySelectorAll('.vista.activa [data-rv].in').length; if(alturaReal()<200||(total>0&&vistosbarrer(),{passive:true}); addEventListener('resize',()=>barrer(),{passive:true}); /* ---------- hero rotativo ---------- */ const ESCENAS=[ {tab:"Hotel",quien:"Hotel · WhatsApp",cuando:"2:14 am",guion:[ {de:"cliente",t:"¿Tienen habitación doble para el sábado?"}, {de:"agente",t:"Sí, hay disponibilidad. ¿Cuántas noches se quedan?"}, {de:"cliente",t:"Una noche, somos 2"}, {de:"agente",t:"Perfecto. Estas son las opciones:",ops:["Doble estándar","Con balcón","Suite"],pick:1}, {de:"hecho",t:"✓ Reserva directa confirmada · sáb 22"}, {de:"nota",t:"Antes se perdía: 18:00–9:00 sin recepción"}]}, {tab:"Clínica y spa",quien:"Clínica · Senda",cuando:"9:47 pm",guion:[ {de:"cliente",t:"Quiero agendar un facial para esta semana"}, {de:"agente",t:"Claro. Tengo estos horarios libres:",ops:["Mié 11:00","Jue 16:30","Vie 10:00"],pick:1}, {de:"cliente",t:"El jueves me funciona"}, {de:"agente",t:"Listo. ¿Te agrego el sérum post-facial con 15%?"}, {de:"hecho",t:"✓ Cita agendada + venta cruzada"}, {de:"nota",t:"Recordatorio automático 24 h antes"}]}, {tab:"Veterinaria",quien:"Veterinaria · WhatsApp",cuando:"6:32 am",guion:[ {de:"cliente",t:"Mi perro no ha comido desde ayer 😟"}, {de:"agente",t:"Lamento oírlo. No puedo valorarlo por aquí, pero te consigo consulta hoy mismo."}, {de:"agente",t:"Tengo estos espacios:",ops:["Hoy 11:20","Hoy 17:00"],pick:0}, {de:"cliente",t:"A las 11:20 por favor"}, {de:"hecho",t:"✓ Consulta hoy 11:20 · veterinario notificado"}, {de:"nota",t:"El agente nunca diagnostica: agenda y escala"}]}, {tab:"Retail",quien:"Boutique · WhatsApp",cuando:"11:38 pm",guion:[ {de:"cliente",t:"¿Tienen el vestido negro en talla M?"}, {de:"agente",t:"Sí, queda uno en sucursal centro. ¿Te lo aparto?"}, {de:"cliente",t:"Sí, paso mañana"}, {de:"hecho",t:"✓ Apartado · venta atribuida al anuncio"}, {de:"nota",t:"Del clic de Instagram al mostrador, medido"}]}, {tab:"Atención al cliente",quien:"Inmobiliaria · WhatsApp",cuando:"10:05 pm",guion:[ {de:"cliente",t:"Vi el depa de 2 recámaras, ¿sigue disponible?"}, {de:"agente",t:"Sí. ¿Lo buscas para habitarlo o como inversión?"}, {de:"cliente",t:"Inversión, para rentarlo"}, {de:"agente",t:"Te comparto el retorno estimado. ¿Agendamos visita?",ops:["Sáb 12:00","Dom 11:00"],pick:0}, {de:"hecho",t:"✓ Visita agendada · lead calificado"}, {de:"nota",t:"Llega al asesor con el perfil ya levantado"}]}, ]; /* Misma estructura, en inglés. El hero se repinta al cambiar de idioma. */ const ESCENAS_EN=[ {tab:"Hotel",quien:"Hotel · WhatsApp",cuando:"2:14 am",guion:[ {de:"cliente",t:"Do you have a double room for Saturday?"}, {de:"agente",t:"Yes, we have availability. How many nights?"}, {de:"cliente",t:"One night, two of us"}, {de:"agente",t:"Perfect. These are the options:",ops:["Standard double","With balcony","Suite"],pick:1}, {de:"hecho",t:"✓ Direct booking confirmed · Sat 22"}, {de:"nota",t:"Used to be lost: 6 pm–9 am with no front desk"}]}, {tab:"Clinic & spa",quien:"Clinic · Senda",cuando:"9:47 pm",guion:[ {de:"cliente",t:"I'd like to book a facial this week"}, {de:"agente",t:"Of course. These times are open:",ops:["Wed 11:00","Thu 16:30","Fri 10:00"],pick:1}, {de:"cliente",t:"Thursday works for me"}, {de:"agente",t:"Done. Want to add the post-facial serum at 15% off?"}, {de:"hecho",t:"✓ Appointment booked + cross-sell"}, {de:"nota",t:"Automatic reminder 24 h before"}]}, {tab:"Veterinary",quien:"Veterinary · WhatsApp",cuando:"6:32 am",guion:[ {de:"cliente",t:"My dog hasn't eaten since yesterday 😟"}, {de:"agente",t:"I'm sorry to hear that. I can't assess him over chat, but I can get you a visit today."}, {de:"agente",t:"I have these openings:",ops:["Today 11:20","Today 17:00"],pick:0}, {de:"cliente",t:"11:20 please"}, {de:"hecho",t:"✓ Visit today 11:20 · vet notified"}, {de:"nota",t:"The agent never diagnoses: it books and escalates"}]}, {tab:"Retail",quien:"Boutique · WhatsApp",cuando:"11:38 pm",guion:[ {de:"cliente",t:"Do you have the black dress in size M?"}, {de:"agente",t:"Yes, one left at the downtown store. Want me to hold it?"}, {de:"cliente",t:"Yes, I'll come by tomorrow"}, {de:"hecho",t:"✓ On hold · sale attributed to the ad"}, {de:"nota",t:"From the Instagram click to the counter, measured"}]}, {tab:"Customer service",quien:"Real estate · WhatsApp",cuando:"10:05 pm",guion:[ {de:"cliente",t:"I saw the 2-bedroom unit — is it still available?"}, {de:"agente",t:"It is. Are you looking to live in it, or as an investment?"}, {de:"cliente",t:"Investment, to rent it out"}, {de:"agente",t:"I'll send you the estimated return. Shall we schedule a visit?",ops:["Sat 12:00","Sun 11:00"],pick:0}, {de:"hecho",t:"✓ Visit booked · qualified lead"}, {de:"nota",t:"Reaches the rep with the profile already built"}]}, ]; const ESC=()=>document.documentElement.lang==='en'?ESCENAS_EN:ESCENAS; const DUR=11000; const hilo=document.getElementById('hilo'),selector=document.getElementById('selector'); const capas=[...document.querySelectorAll('#v-home .escena')]; const quien=document.getElementById('quien'),cuando=document.getElementById('cuando'); let actual=0,timers=[],avance=null; if(selector)ESC().forEach((e,i)=>{ const b=document.createElement('button'); b.className='tab'+(i===0?' on':'');b.type='button'; b.innerHTML=e.tab+''; b.style.setProperty('--dur',DUR+'ms'); b.addEventListener('click',()=>ir(i,true)); selector.appendChild(b); }); const tabs=selector?[...selector.children]:[]; function limpia(){timers.forEach(clearTimeout);timers=[];clearTimeout(avance)} function pinta(p){ const d=document.createElement('div');d.className='msj '+p.de;d.textContent=p.t; if(p.ops){const c=document.createElement('div');c.className='ops'; p.ops.forEach((o,i)=>{const s=document.createElement('span');s.className='op';s.textContent=o; if(i===p.pick)timers.push(setTimeout(()=>s.classList.add('pick'),1500));c.appendChild(s)}); d.appendChild(c)} return d; } function corre(idx){ const esc=ESC()[idx];hilo.innerHTML=''; quien.textContent=esc.quien;cuando.textContent=esc.cuando; if(menos){esc.guion.forEach(p=>{const d=pinta(p);d.classList.add('viva');hilo.appendChild(d)});return} const e3=document.createElement('div');e3.className='escribe';e3.innerHTML=''; let t=500; esc.guion.forEach(paso=>{ if(paso.de==='agente'){ timers.push(setTimeout(()=>{hilo.appendChild(e3);e3.classList.add('viva')},t)); t+=850;timers.push(setTimeout(()=>{e3.classList.remove('viva');e3.remove()},t-40)); } timers.push(setTimeout(()=>{const d=pinta(paso);hilo.appendChild(d);setTimeout(()=>d.classList.add('viva'),40)},t)); t+=paso.ops?2100:(paso.de==='cliente'?1050:1250); }); } function ir(idx,manual){ limpia();actual=idx; capas.forEach((c,i)=>{c.classList.toggle('activa',i===idx); const v=c.querySelector('video');if(v){if(i===idx){v.play().catch(()=>{})}else{v.pause()}}}); tabs.forEach((b,i)=>{b.classList.remove('on'); const barra=b.querySelector('.barra');barra.style.animation='none';void barra.offsetWidth;barra.style.animation=''; if(i===idx)b.classList.add('on')}); corre(idx); if(!menos||manual)avance=setTimeout(()=>ir((actual+1)%ESC().length,false),DUR); } function reiniciarHero(){ir(actual,false)} window.reidiomarHero=function(){ const d=ESC(); tabs.forEach((b,i)=>{ if(d[i]) b.innerHTML=d[i].tab+''; }); ir(actual,false); }; /* ---------- audios ---------- */ let sonando=null; document.querySelectorAll('.play, .ea-play').forEach(btn=>{ const pista=btn.closest('.pista, .ea'); const barras=[...pista.querySelectorAll('.onda i')]; const tiempo=pista.querySelector('.dur .t, .ea-dur .t'); // El audio también cambia de idioma: un visitante en inglés no puede oír // español. Si todavía no existe la toma en su idioma, el bloque lo dice en // vez de reproducir el idioma equivocado. // La clave sale del propio botón: con el ternario anterior, cualquier // escenario que no fuera 'vet' caía en el audio del hotel. const k=btn.dataset.a; const clave='a'+k.charAt(0).toUpperCase()+k.slice(1); const pista_es=MEDIA[clave], pista_en=MEDIA[clave+'En']||null; const au=new Audio(pista_es); const enIngles=()=>document.documentElement.lang==='en'; const fuente=()=>enIngles()?pista_en:pista_es; function ponerIdioma(){ const f=fuente(); const hay=!!f; btn.disabled=!hay; btn.style.opacity=hay?'':'.4'; btn.title=hay?'':(enIngles()?'English recording coming soon':'Grabación en camino'); if(hay&&au.src.indexOf(f)===-1){ au.pause(); au.src=f; btn.textContent='▶'; } } ponerIdioma(); window.addEventListener('grova:idioma',ponerIdioma); let raf=null; const alturas=barras.map((_,i)=>18+Math.abs(Math.sin(i*.7))*54+Math.abs(Math.cos(i*1.9))*22); const pintar=()=>{ const p=au.duration?au.currentTime/au.duration:0; barras.forEach((b,i)=>{const act=i/barras.length<=p;b.style.height=(act?alturas[i]:22)+'%';b.style.background=act?'var(--verde)':'var(--linea-fuerte)'}); if(tiempo)tiempo.textContent='0:'+String(Math.floor(au.currentTime)).padStart(2,'0'); if(!au.paused)raf=requestAnimationFrame(pintar); }; btn.addEventListener('click',()=>{ if(sonando&&sonando!==au){sonando.pause();sonando.currentTime=0} if(au.paused){au.play();sonando=au;btn.textContent='⏸';pintar()} else{au.pause();btn.textContent='▶';cancelAnimationFrame(raf)} }); au.addEventListener('ended',()=>{btn.textContent='▶';cancelAnimationFrame(raf); barras.forEach(b=>{b.style.height='22%';b.style.background='var(--linea-fuerte)'});if(tiempo)tiempo.textContent='0:00'}); }); document.querySelectorAll('.onda').forEach(o=>{const n=o.classList.contains('ea-onda')?34:44;for(let i=0;i{ a.target='_blank';a.rel='noopener'; a.addEventListener('click',()=>{a.href=enlaceWA()}); a.href=enlaceWA(); }); /* --- chat de agendamiento: habla con el agente de GROVA --------------------- En grova.mx conversa DE VERDAD contra la plataforma y agenda en Senda. Fuera de ahí —vista previa, local— corre el guion: la vista previa no puede llamar a dominios externos, y el CORS solo autoriza al dominio real. Al migrar a Next.js en Vercel, esto pasa a ser '/api/web/chat' a secas. */ const API_REAL = 'https://codigo-rho-seven.vercel.app/api/web/chat'; const DOMINIOS_REALES = ['grova.mx','www.grova.mx']; const API_CHAT = API_REAL; (()=>{ const fondo=document.getElementById('agendaFondo'); if(!fondo)return; const hilo=document.getElementById('chHilo'); const form=document.getElementById('chForm'); const input=document.getElementById('chInput'); const enviar=form.querySelector('.ch-enviar'); const nota=document.getElementById('chNota'); let convId=null, arrancado=false, ocupado=false, paso=0, nombre=null, opciones=[]; const EN = ()=>document.documentElement.lang==='en'; const T = (es,en)=>EN()?en:es; function burbuja(texto,quien){ const b=document.createElement('div'); b.className='ch-b '+(quien==='yo'?'yo':'ag'); b.innerHTML=String(texto).replace(/[&<>]/g,c=>({'&':'&','<':'<','>':'>'}[c])) .replace(/\*\*(.+?)\*\*/g,'$1'); hilo.appendChild(b); hilo.scrollTop=hilo.scrollHeight; return b; } function escribiendo(on){ let e=hilo.querySelector('.ch-esc'); if(on){ if(!e){e=document.createElement('div');e.className='ch-esc'; e.innerHTML='';hilo.appendChild(e);hilo.scrollTop=hilo.scrollHeight;} } else if(e) e.remove(); } const espera=ms=>new Promise(r=>setTimeout(r,ms)); function bloquear(v){ ocupado=v; enviar.disabled=v; if(!v) input.focus(); } /* ---- días hábiles reales, nunca fechas quemadas ---- */ function proximoHabil(desde){ const d=new Date(desde); do{ d.setDate(d.getDate()+1); }while(d.getDay()===0||d.getDay()===6); return d; } function dia(d){ return new Intl.DateTimeFormat(EN()?'en-US':'es-MX', {weekday:'long',day:'numeric',month:'long'}).format(d); } /* Los horarios salen de la agenda real: lun–vie 10–14 y 16–19, hora de CDMX. */ function horarios(){ const d=proximoHabil(new Date()); return [{d,h:'10:00'},{d,h:'11:30'},{d,h:'16:00'},{d,h:'17:30'}]; } /* ---- modo real: contra la plataforma ---- */ async function api(cuerpo){ const r=await fetch(API_CHAT,{method:'POST',headers:{'Content-Type':'application/json'}, body:JSON.stringify(cuerpo)}); if(!r.ok) throw new Error('http '+r.status); return r.json(); } async function realArrancar(){ const vista=(document.querySelector('.vista.activa')?.id||'v-home').replace('v-',''); const r=await api({action:'start',origen:vista}); convId=r.conversationId; } const yaPintados=new Set(); async function realEncolar(texto){ if(!convId) await realArrancar(); await api({action:'queue',conversationId:convId,text:texto}); } async function realEnviar(){ // Sin texto: los mensajes ya se encolaron. El agente responde a TODOS // juntos, como el buffer de WhatsApp. const r=await api({action:'flush',conversationId:convId}); // 'nuevos' = lo escrito en ESTE turno. Antes se repintaban "los ultimos 3" // del historial completo y el saludo se repetia y se acumulaba. El filtro // por id es el respaldo si una version vieja de la API no manda 'nuevos'. const lista=(r.nuevos&&r.nuevos.length?r.nuevos:(r.messages||[])) .filter(m=>m.role==='agent'&&!yaPintados.has(m.id)); lista.forEach(m=>yaPintados.add(m.id)); return {textos:lista.map(m=>m.body).filter(Boolean), derivado:r.handedOff}; } /* ---- modo guion ------------------------------------------------------------- Espejo del agente real: mismo orden, mismas reglas. Califica con UNA pregunta, ofrece horarios de la agenda de verdad, pide nombre y WhatsApp juntos y solo entonces confirma. Nunca dice que alguien contactará sin haber pedido cómo. Responde también fuera de guion (precio, qué hacen, hablar con persona) para no quedarse repitiendo la misma línea, que es como se ve un bot roto. ------ */ let hueco=null, wa=null, cerrado=false; const giro=t=>/(cl[ií]nica|hotel|hostal|boutique|tienda|restaurante|spa|veterinaria|dental|dentista|inmobiliaria|despacho|consultorio|ecommerce|negocio|empresa|agencia|gimnasio|estudio|hospital|farmacia|barber|est[eé]tica|shop|store|clinic|business|firm|practice)/i.test(t); const intencion=t=>/(agend|cita|horario|hora|reserv|book|schedule|available|disponib|quiero|me interesa|s[ií] me|va|dale|ok)/i.test(t); const pidePersona=t=>/(persona|humano|human|alguien del equipo|hablar con|real person|agente humano)/i.test(t); const pidePrecio=t=>/(precio|costo|cu[áa]nto cuesta|cu[áa]nto cobran|tarifa|price|how much|cost)/i.test(t); const preguntaQue=t=>/(qu[ée] hacen|a qu[ée] se dedican|qu[ée] es grova|what do you do|who are you|servicios|services)/i.test(t); function sacaNombre(txt){ // Fuera el teléfono primero: "Ana Ruiz, 9511234567" traía el nombre pegado // al número y se perdían los dos. const limpio=txt.replace(/\+?[\d()\-\s.]{8,}/g,' ') .replace(/\b(mi|el|whats?app?|wa|tel|tel[ée]fono|n[úu]mero|number|is|es)\b/gi,' ') .replace(/\s+/g,' ').trim(); const m=txt.match(/(?:soy|me llamo|mi nombre es|i'?m|my name is|habla|a nombre de)\s+([A-Za-zÁÉÍÓÚÑáéíóúñ]{2,}(?:\s+[A-Za-zÁÉÍÓÚÑáéíóúñ]{2,})?)/i); if(m) return m[1]; const solo=limpio.replace(/^[,;.\s]+|[,;.\s]+$/g,''); if(/^[A-ZÁÉÍÓÚÑ][a-záéíóúñ]{1,}(\s+[A-ZÁÉÍÓÚÑ][a-záéíóúñ]{1,}){0,2}$/.test(solo)) return solo; // último recurso: dos palabras capitalizadas en cualquier parte const dos=limpio.match(/\b([A-ZÁÉÍÓÚÑ][a-záéíóúñ]{2,}\s+[A-ZÁÉÍÓÚÑ][a-záéíóúñ]{2,})\b/); return dos?dos[1]:null; } const sacaTel=txt=>{ const m=txt.replace(/[()\-\s.]/g,'').match(/\+?\d{10,15}/); return m?m[0]:null; }; function listaHorarios(){ opciones=horarios(); return opciones.map((o,i)=>`${i+1}. **${dia(o.d)}, ${o.h}**`).join('\n'); } function eligeHueco(t){ const n=t.match(/\b([1-4])\b/); if(n) return opciones[Number(n[1])-1]; if(/primer|first|10[:.]?00|10 ?am/.test(t)) return opciones[0]; if(/segund|second|11[:.]?30|11 ?am/.test(t)) return opciones[1]; if(/tercer|third|16|4 ?pm|cuatro/.test(t)) return opciones[2]; if(/cuart|fourth|17[:.]?30|5 ?pm|cinco/.test(t)) return opciones[3]; return null; } // Repetir la misma pregunta es lo que hace que un agente parezca roto. // A la segunda se cambia el enfoque y se ofrece la salida por WhatsApp. const insistido={}; function unaVez(clave,primera,segunda){ insistido[clave]=(insistido[clave]||0)+1; if(insistido[clave]>=2){ cerrado=true; return [segunda]; } return [primera]; } function guion(texto){ const t=texto.toLowerCase(); if(!nombre){ const n=sacaNombre(texto); if(n) nombre=n; } if(!wa){ const w=sacaTel(texto); if(w) wa=w; } // --- fuera de guion: se atiende y se vuelve al hilo, nunca se repite --- if(pidePersona(t)){ cerrado=true; return [T('Claro. Escríbenos por WhatsApp y te atiende alguien del equipo directamente.', 'Of course. Message us on WhatsApp and someone from the team will take it from there.')]; } if(pidePrecio(t) && paso<4){ return [T('El precio sale del diagnóstico, porque depende de cómo opere tu negocio. Por eso empezamos por ahí y son treinta minutos.\n\n¿Te busco un horario?', 'Pricing comes out of the diagnostic, because it depends on how your business runs. That is why we start there, and it takes thirty minutes.\n\nShall I find you a time?')]; } if(preguntaQue(t) && paso<2){ return [T('Entendemos cómo opera un negocio, lo automatizamos con IA y medimos cada resultado contra sus propios números.\n\n¿De qué es el tuyo?', 'We learn how a business runs, automate it with AI and measure every result against its own numbers.\n\nWhat is yours?')]; } // --- 0: contexto del negocio --- if(paso===0){ paso=1; // Solo se salta la pregunta si de verdad contó de qué es el negocio. // La intención sola ("quiero agendar") no basta: hay que preguntar. if(giro(texto) || texto.trim().split(/\s+/).length>6) return guion(texto); return [T('Con gusto. ¿De qué es tu negocio y qué se te complica hoy?', 'Happy to. What is your business, and what is getting in the way today?')]; } // --- 1: ofrecer horarios reales --- if(paso===1){ paso=2; return [T('Entendido. Estos horarios están libres (hora de México):\n\n'+listaHorarios()+ '\n\n¿Cuál te viene mejor?', 'Got it. These times are open (Mexico time):\n\n'+listaHorarios()+ '\n\nWhich one works best?')]; } // --- 2: elegir hueco --- if(paso===2){ const o=eligeHueco(t); if(!o){ if(giro(texto)||texto.trim().split(/\s+/).length>5){ return [T('Perfecto, con eso me hago una idea. De los horarios de arriba, ¿cuál te viene mejor? Dime el número y lo aparto.', 'Got it, that gives me the picture. Of the times above, which works best? Give me the number and I will hold it.')]; } return [T('No me quedó claro cuál. Dime el número —1, 2, 3 o 4— o la hora, y la aparto.', 'I did not catch which one. Give me the number — 1, 2, 3 or 4 — or the time, and I will hold it.')]; } hueco=o; paso=3; if(nombre&&wa){ paso=4; return confirmar(); } return [T('Va. ¿A qué nombre y a qué WhatsApp te confirmo? Con eso queda.', 'Great. What name and WhatsApp number should I confirm it to? That is all I need.')]; } // --- 3: nombre y contacto, obligatorios antes de confirmar --- if(paso===3){ if(!wa){ return unaVez('wa', T('Me falta tu WhatsApp con lada, para poder confirmarte.', 'I still need your WhatsApp number with country code, so I can confirm.'), T('Sin un número no puedo confirmarte nada — y prefiero decírtelo a dejarte esperando. Escríbenos por WhatsApp y lo cerramos ahí.', 'Without a number I cannot confirm anything — and I would rather say so than leave you waiting. Message us on WhatsApp and we will close it there.')); } if(!nombre){ return unaVez('nombre', T('¿Y a qué nombre la dejo?','And what name should I put it under?'), T('Con tu nombre basta — una palabra. O si prefieres, seguimos por WhatsApp.', 'Your first name is enough — one word. Or if you prefer, we can continue on WhatsApp.')); } paso=4; return confirmar(); } // --- 4: ya cerrada; nada de repetir la misma línea --- if(/(cambiar|mover|otra hora|reprogram|reschedule|change)/i.test(t)){ paso=2; return [T('Sin problema. Estas siguen libres:\n\n'+listaHorarios()+'\n\n¿Cuál prefieres?', 'No problem. These are still open:\n\n'+listaHorarios()+'\n\nWhich do you prefer?')]; } cerrado=true; return [T('Quedamos así entonces. Si necesitas algo antes, escríbenos por WhatsApp.', 'We are set, then. If you need anything before that, message us on WhatsApp.')]; } function confirmar(){ const o=hueco||horarios()[0]; return [ T(`Listo${nombre?', '+nombre:''}. Tu diagnóstico queda el **${dia(o.d)} a las ${o.h}** (hora de México). Son treinta minutos y te confirmamos al ${wa}.`, `Done${nombre?', '+nombre:''}. Your diagnostic is set for **${dia(o.d)} at ${o.h}** (Mexico time). Thirty minutes, and we will confirm to ${wa}.`), T('Esta es una vista previa del flujo. Para que quede agendado de verdad ahora mismo, escríbenos por WhatsApp y lo cerramos ahí.', 'This is a preview of the flow. To have it actually booked right now, message us on WhatsApp and we will close it there.') ]; } async function responder(texto){ bloquear(true); escribiendo(true); try{ let textos, derivado=false; if(API_CHAT){ const r=await realEnviar(); textos=r.textos; derivado=r.derivado; } else { await espera(700+Math.min(texto.length*12,900)); textos=guion(texto); } escribiendo(false); for(const t of textos){ burbuja(t,'ag'); await espera(320); } if(derivado) burbuja(T('Un momento, una persona del equipo sigue esta conversación.', 'One moment — someone from the team is taking over.'),'ag'); }catch(e){ escribiendo(false); burbuja(T('Se me cayó la conexión. Escríbenos por WhatsApp y seguimos ahí sin perder nada.', 'I lost the connection. Message us on WhatsApp and we pick up right there.'),'ag'); }finally{ bloquear(false); } } async function abrir(){ // Si el chat se abrió desde el menú móvil, ese menú se cierra: si no, // queda abierto detrás del panel. const mm=document.getElementById('menuMovil'), hb=document.getElementById('hamb'); if(mm&&!mm.hidden){ mm.hidden=true; if(hb)hb.setAttribute('aria-expanded','false'); } fondo.hidden=false; document.body.style.overflow='hidden'; nota.innerHTML=T('Hablas con un agente IA. Pide una persona cuando quieras, o escríbenos por WhatsApp.', 'You are talking to an AI agent. Ask for a person anytime, or message us on WhatsApp.'); nota.querySelectorAll('[data-wa]').forEach(a=>{a.target='_blank';a.rel='noopener';a.href=enlaceWA()}); if(arrancado){ input.focus(); return; } arrancado=true; paso=0; nombre=null; wa=null; hueco=null; cerrado=false; for(const k in insistido)delete insistido[k]; bloquear(true); escribiendo(true); try{ if(API_CHAT) await realArrancar(); }catch(e){} await espera(620); escribiendo(false); burbuja(T('¡Hola! Soy el asistente de IA de GROVA. ¿De qué es tu negocio y qué quieres resolver?', 'Hi! I am GROVA’s AI assistant. What is your business, and what do you want to solve?'),'ag'); bloquear(false); } function cerrar(){ fondo.hidden=true; document.body.style.overflow=''; } // Si el visitante escribe mientras el agente responde, su mensaje NO se tira: // se encola. Perder lo que alguien acaba de escribir es imperdonable en un chat. const cola=[]; async function despachar(){ while(cola.length){ const t=cola.shift(); if(API_CHAT&&!convId){ try{await realArrancar()}catch(e){} } await responder(t); } } let esperaEnvio=null, pendientes=[]; form.addEventListener('submit',e=>{ e.preventDefault(); const t=input.value.trim(); if(!t)return; burbuja(t,'yo'); input.value=''; pendientes.push(t); if(API_CHAT) realEncolar(t).catch(()=>{}); clearTimeout(esperaEnvio); esperaEnvio=setTimeout(()=>{ const junto=pendientes.join(' '); pendientes=[]; if(!ocupado) responder(junto); },1400); }); document.addEventListener('click',e=>{ if(e.target.closest('[data-agenda]')){e.preventDefault();abrir()} }); document.getElementById('agCerrar').addEventListener('click',cerrar); fondo.addEventListener('click',e=>{if(e.target===fondo)cerrar()}); addEventListener('keydown',e=>{if(e.key==='Escape'&&!fondo.hidden)cerrar()}); })(); /* --- industrias que se abren --- */ (()=>{ const btns=[...document.querySelectorAll('.ind-b')]; const escs=[...document.querySelectorAll('.esc')]; if(!btns.length)return; const animarBarras=esc=>esc.querySelectorAll('.fc-b i').forEach(b=>{ b.style.width='0%';setTimeout(()=>{b.style.width=b.dataset.w+'%'},260)}); function abrir(ind){ btns.forEach(b=>{const on=b.dataset.ind===ind;b.classList.toggle('on',on);b.setAttribute('aria-selected',String(on))}); escs.forEach(e=>{ const on=e.dataset.ind===ind; e.classList.remove('activa'); if(on){void e.offsetWidth;e.classList.add('activa');animarBarras(e)} }); } btns.forEach(b=>b.addEventListener('click',()=>abrir(b.dataset.ind))); // la primera se anima al entrar en pantalla const io=new IntersectionObserver(es=>{if(es[0].isIntersecting){abrir('salud');io.disconnect()}},{threshold:.2}); io.observe(document.getElementById('escenario')); setTimeout(()=>{const r=document.getElementById('escenario').getBoundingClientRect();if(r.top{ const h=document.getElementById('hamb'),m=document.getElementById('menuMovil'); if(!h||!m)return; const cerrar=()=>{m.hidden=true;h.setAttribute('aria-expanded','false')}; h.addEventListener('click',()=>{ const abierto=h.getAttribute('aria-expanded')==='true'; m.hidden=abierto;h.setAttribute('aria-expanded',String(!abierto)); }); m.addEventListener('click',e=>{if(e.target.closest('[data-ir]'))cerrar()}); addEventListener('resize',()=>{if(innerWidth>940)cerrar()}); })(); /* --- sub-segmentos de salud: cambian el video del cine --- */ /* Mensajes reales que llegan fuera de horario. Cada uno es una duda o un dolor concreto del cliente de esa industria, no una consulta genérica de catálogo. */ const MENSAJES={ r_boutique:[ {h:'10:52 pm',t:'Vi el vestido en su historia y ya no lo encuentro en la página.',n:'El anuncio funcionó. Lo que falló fue lo que pasó después.'}, {h:'11:38 pm',t:'¿Y si no me queda, puedo cambiarlo?',n:'Es la objeción que frena la compra. Se responde hoy o se pierde.'}, ], r_bienestar:[ {h:'9:40 pm',t:'¿Este suplemento se puede tomar si estoy con tratamiento médico?',n:'Nadie contesta eso de noche, y sin respuesta no hay compra.'}, {h:'10:15 pm',t:'¿Cada cuánto lo tengo que volver a pedir? No quiero quedarme sin.',n:'Ahí está la recompra, y casi nadie la programa.'}, ], r_ecommerce:[ {h:'11:20 pm',t:'Pagué hace dos días y no me llega el número de guía.',n:'Una duda de envío sin responder se convierte en reembolso.'}, {h:'9:24 pm',t:'¿Hacen envío a Puebla? ¿Cuánto tardaría en llegar?',n:'Una respuesta de treinta segundos que nadie va a dar hasta mañana.'}, ], r_fisica:[ {h:'8:50 pm',t:'¿Lo tienen en la sucursal del centro? No quiero ir en balde.',n:'La visita a tienda se decide desde el teléfono, la noche anterior.'}, {h:'7:30 pm',t:'¿Hasta qué hora abren hoy? Voy saliendo del trabajo.',n:'Sin respuesta, esa venta se va a quien sí contestó.'}, ], h_hotel:[ {h:'11:40 pm',t:'Los vi en Booking, pero ¿me conviene más reservar directo con ustedes?',n:'Está preguntando si dejar de usar la agencia. Si nadie contesta, no la deja.'}, {h:'1:20 am',t:'Llego pasada la medianoche por un vuelo. ¿Alguien me puede recibir?',n:'Una duda sin resolver a esa hora es una reserva que se cancela.'}, ], h_boutique:[ {h:'10:30 pm',t:'¿Las habitaciones dan al patio o a la calle? Tengo el sueño ligero.',n:'En un hotel pequeño, ese detalle decide la reserva.'}, {h:'11:05 pm',t:'Vamos por aniversario, ¿pueden preparar algo especial?',n:'La petición que más margen deja, y llega cuando no hay nadie.'}, ], h_renta:[ {h:'12:10 am',t:'¿Cómo recojo las llaves si llego de madrugada?',n:'Sin respuesta clara, el huésped reserva donde sí se la den.'}, {h:'10:45 pm',t:'¿La cocina está equipada? Vamos con niños y queremos cocinar.',n:'Una duda práctica sin contestar es una noche que no se vende.'}, ], h_hostal:[ {h:'11:55 pm',t:'¿Los baños son compartidos? ¿Cuántas camas por cuarto?',n:'Preguntan lo mismo cada noche, y cada noche alguien deja de contestar.'}, {h:'2:15 am',t:'Perdí mi conexión, ¿tienen cama para hoy?',n:'La reserva de último minuto es la que más se pierde.'}, ], a_inmobiliaria:[ {h:'10:05 pm',t:'Vi el depa de 2 recámaras, ¿sigue disponible?',n:'Llega de noche y se enfría antes de que alguien lo lea.'}, {h:'11:05 pm',t:'¿Se puede rentar mientras lo termino de pagar?',n:'Quien pregunta eso viene por inversión, no por curiosidad.'}, ], a_profesionales:[ {h:'9:30 pm',t:'Necesito saber si pueden con mi caso antes de agendar una cita.',n:'Filtrar eso por escrito ahorra media hora de junta que no cierra.'}, {h:'10:40 pm',t:'¿Manejan empresas de mi tamaño o solo grandes?',n:'Si no se responde, se va con el que sí le dijo que sí.'}, ], a_financiero:[ {h:'10:40 pm',t:'¿De cuánto sería el enganche y en cuánto tiempo se termina de pagar?',n:'Está calificando solo. Basta con contestarle.'}, {h:'9:15 pm',t:'Vivo en Estados Unidos. ¿Puedo invertir desde allá?',n:'Ese perfil es el que mejor paga, y escribe cuando aquí ya cerraron.'}, ], a_educacion:[ {h:'9:50 pm',t:'¿Todavía puedo inscribirme para este ciclo?',n:'La inscripción se decide en la noche, y la ventana es corta.'}, {h:'10:20 pm',t:'¿Hay beca o alguna forma de pagar en parcialidades?',n:'La pregunta que define si se inscribe o no, sin nadie del otro lado.'}, ], clinica:[ {h:'10:12 pm',t:'Me dolió toda la noche. ¿Hay forma de que me vean mañana temprano?',n:'La clínica cerró a las 7. Para cuando alguien lea esto, ya buscó a otro.'}, {h:'11:34 pm',t:'Me dieron un presupuesto en otra clínica y se me hizo carísimo. ¿Ustedes cuánto cobran?',n:'Está comparando ahora mismo. Mañana ya decidió.'}, {h:'8:47 am',t:'¿Atienden niños? Mi hija tiene cuatro años y le da miedo el dentista.',n:'Una duda simple sin responder es una familia que no vuelve a preguntar.'}, ], spa:[ {h:'9:47 pm',t:'Tengo evento el sábado y quiero verme bien. ¿Qué me recomiendan?',n:'La agenda del sábado se llena esta noche, no mañana.'}, {h:'10:20 pm',t:'¿El facial sirve si tengo la piel sensible? No quiero terminar irritada.',n:'Detrás de esa duda hay un tratamiento que no se agenda.'}, ], dental:[ {h:'11:20 pm',t:'Se me rompió una muela y me da pena que me vean así. ¿Se puede algo rápido?',n:'Urgencia real, en el peor horario posible.'}, {h:'10:05 pm',t:'¿Manejan pagos en parcialidades? El tratamiento completo se me hace mucho.',n:'La objeción de precio se resuelve hoy o no se resuelve.'}, ], vet:[ {h:'6:32 am',t:'Mi perro no ha comido desde ayer y ya se ve decaído.',n:'Faltan tres horas para que abra. Y esto no puede esperar tres horas.'}, {h:'11:58 pm',t:'¿Puedo llevarlo aunque no tenga cita? Me preocupa dejarlo así toda la noche.',n:'Nadie va a contestar. Va a terminar en la clínica de urgencias de al lado.'}, {h:'10:40 pm',t:'¿Le pueden cortar el pelo? Ya está todo enredado y en casa no se deja cepillar.',n:'El baño y corte se posponen semanas. Se deciden de noche, cuando ya cerraron.'}, {h:'9:15 pm',t:'Mi perro se pone muy nervioso con el secador. ¿Hay forma de que lo atiendan con calma?',n:'Lo que frena la cita es el miedo del dueño, no el precio.'}, ], hosp:[ {h:'11:40 pm',t:'Los vi en Booking, pero ¿me conviene más reservar directo con ustedes?',n:'Está preguntando si dejar de usar la agencia. Si nadie contesta, no la deja.'}, {h:'1:20 am',t:'Llego pasada la medianoche por un vuelo. ¿Alguien me puede recibir?',n:'Una duda sin resolver a esa hora es una reserva que se cancela.'}, {h:'10:15 pm',t:'Si mi vuelo se cancela, ¿puedo cambiar la fecha sin perder el pago?',n:'La política de cambios decide la reserva, y nadie está para explicarla.'}, ], retail:[ {h:'10:52 pm',t:'Vi el vestido en su historia y ya no lo encuentro en la página.',n:'El anuncio funcionó. Lo que falló fue lo que pasó después.'}, {h:'11:38 pm',t:'¿Y si no me queda, puedo cambiarlo?',n:'Es la objeción que frena la compra. Se responde hoy o se pierde.'}, {h:'9:24 pm',t:'¿Hacen envío a Puebla? ¿Cuánto tardaría en llegar?',n:'Una respuesta de treinta segundos que nadie va a dar hasta mañana.'}, ], atencion:[ {h:'9:15 pm',t:'Vivo en Estados Unidos. ¿Puedo comprar desde allá?',n:'Ese perfil es el que mejor paga, y escribe cuando aquí ya cerraron.'}, {h:'10:40 pm',t:'¿De cuánto sería el enganche y en cuánto tiempo se termina de pagar?',n:'Está calificando solo. Basta con contestarle.'}, {h:'11:05 pm',t:'¿Se puede rentar mientras lo termino de pagar?',n:'Quien pregunta eso viene por inversión, no por curiosidad.'}, ], }; const MENSAJES_EN={ r_boutique:[ {h:'10:52 pm',t:'I saw the dress in your story and now I cannot find it on the site.',n:'The ad worked. What failed was everything after it.'}, {h:'11:38 pm',t:'And if it does not fit, can I exchange it?',n:'That is the objection that stops the purchase. Answered today, or lost.'}, ], r_bienestar:[ {h:'9:40 pm',t:'Can I take this supplement if I am already on medication?',n:'Nobody answers that at night, and with no answer there is no sale.'}, {h:'10:15 pm',t:'How often do I need to reorder? I do not want to run out.',n:'That is the repeat purchase, and almost nobody schedules it.'}, ], r_ecommerce:[ {h:'11:20 pm',t:'I paid two days ago and I still have no tracking number.',n:'An unanswered shipping question turns into a refund.'}, {h:'9:24 pm',t:'Do you ship to Puebla? How long would it take?',n:'A thirty-second answer nobody will give until tomorrow.'}, ], r_fisica:[ {h:'8:50 pm',t:'Do you have it at the downtown store? I do not want to go for nothing.',n:'The store visit is decided from the phone, the night before.'}, {h:'7:30 pm',t:'What time do you close today? I am just leaving work.',n:'With no answer, that sale goes to whoever did reply.'}, ], h_hotel:[ {h:'11:40 pm',t:'I saw you on Booking, but am I better off booking direct with you?',n:'They are asking whether to stop using the agency. If nobody answers, they do not.'}, {h:'1:20 am',t:'My flight gets in after midnight. Will anyone be there to check me in?',n:'An unanswered question at that hour is a booking that gets cancelled.'}, ], h_boutique:[ {h:'10:30 pm',t:'Do the rooms face the courtyard or the street? I am a light sleeper.',n:'In a small hotel, that detail decides the booking.'}, {h:'11:05 pm',t:'We are coming for our anniversary — can you arrange something special?',n:'The request with the best margin, arriving when nobody is there.'}, ], h_renta:[ {h:'12:10 am',t:'How do I pick up the keys if I arrive in the early morning?',n:'Without a clear answer, the guest books where they get one.'}, {h:'10:45 pm',t:'Is the kitchen fully equipped? We are travelling with kids and want to cook.',n:'A practical question left unanswered is a night that does not sell.'}, ], h_hostal:[ {h:'11:55 pm',t:'Are the bathrooms shared? How many beds per room?',n:'They ask the same thing every night, and every night nobody answers.'}, {h:'2:15 am',t:'I missed my connection — do you have a bed for tonight?',n:'The last-minute booking is the one most often lost.'}, ], a_inmobiliaria:[ {h:'10:05 pm',t:'I saw the 2-bedroom unit — is it still available?',n:'It arrives at night and goes cold before anyone reads it.'}, {h:'11:05 pm',t:'Can I rent it out while I am still paying it off?',n:'Whoever asks that is here to invest, not out of curiosity.'}, ], a_profesionales:[ {h:'9:30 pm',t:'I need to know if you can handle my case before booking a meeting.',n:'Filtering that in writing saves half an hour of a meeting that never closes.'}, {h:'10:40 pm',t:'Do you work with companies my size, or only large ones?',n:'If nobody answers, they go with whoever said yes.'}, ], a_financiero:[ {h:'10:40 pm',t:'How much is the down payment, and how long to pay it off?',n:'They are qualifying themselves. All you have to do is answer.'}, {h:'9:15 pm',t:'I live in the United States. Can I invest from there?',n:'That is the profile that pays best, and it writes when everyone here has closed.'}, ], a_educacion:[ {h:'9:50 pm',t:'Can I still enrol for this term?',n:'Enrolment is decided at night, and the window is short.'}, {h:'10:20 pm',t:'Is there a scholarship, or a way to pay in instalments?',n:'The question that decides whether they enrol, with nobody on the other side.'}, ], clinica:[ {h:'10:12 pm',t:'It ached all night. Any chance someone can see me first thing tomorrow?',n:'The clinic closed at 7. By the time anyone reads this, they already found someone else.'}, {h:'11:34 pm',t:'I got a quote at another clinic and it seemed really expensive. What do you charge?',n:'They are comparing right now. By tomorrow they have decided.'}, {h:'8:47 am',t:'Do you see children? My daughter is four and she is scared of the dentist.',n:'A simple question left unanswered is a family that never asks again.'}, ], spa:[ {h:'9:47 pm',t:'I have an event on Saturday and I want to look good. What do you recommend?',n:'Saturday fills up tonight, not tomorrow.'}, {h:'10:20 pm',t:'Does the facial work if I have sensitive skin? I do not want to end up irritated.',n:'Behind that question is a treatment that never gets booked.'}, ], dental:[ {h:'11:20 pm',t:'I broke a molar and I am embarrassed to be seen like this. Is there anything quick?',n:'A real emergency, at the worst possible hour.'}, {h:'10:05 pm',t:'Do you take payment plans? The full treatment feels like a lot.',n:'The price objection gets resolved today or it does not get resolved.'}, ], vet:[ {h:'6:32 am',t:'My dog has not eaten since yesterday and he already looks weak.',n:'Three hours until opening. And this cannot wait three hours.'}, {h:'11:58 pm',t:'Can I bring him in without an appointment? I am worried about leaving him like this all night.',n:'Nobody is going to answer. He ends up at the emergency clinic next door.'}, {h:'10:40 pm',t:'Can you give him a haircut? He is all matted and he will not let me brush him at home.',n:'Baths and grooming get put off for weeks. They decide at night, after closing.'}, {h:'9:15 pm',t:'My dog gets very nervous with the dryer. Is there a way to handle him gently?',n:'What stops the booking is the owner’s fear, not the price.'}, ], hosp:[ {h:'11:40 pm',t:'I saw you on Booking, but am I better off booking direct with you?',n:'They are asking whether to stop using the agency. If nobody answers, they do not.'}, {h:'1:20 am',t:'My flight gets in after midnight. Will anyone be there to check me in?',n:'An unanswered question at that hour is a booking that gets cancelled.'}, {h:'10:15 pm',t:'If my flight is cancelled, can I change the date without losing my payment?',n:'The change policy decides the booking, and nobody is there to explain it.'}, ], retail:[ {h:'10:52 pm',t:'I saw the dress in your story and now I cannot find it on the site.',n:'The ad worked. What failed was everything after it.'}, {h:'11:38 pm',t:'And if it does not fit, can I exchange it?',n:'That is the objection that stops the purchase. Answered today, or lost.'}, {h:'9:24 pm',t:'Do you ship to Puebla? How long would it take?',n:'A thirty-second answer nobody will give until tomorrow.'}, ], atencion:[ {h:'9:15 pm',t:'I live in the United States. Can I buy from there?',n:'That is the profile that pays best, and it writes when everyone here has closed.'}, {h:'10:40 pm',t:'How much is the down payment, and how long to pay it off?',n:'They are qualifying themselves. All you have to do is answer.'}, {h:'11:05 pm',t:'Can I rent it out while I am still paying it off?',n:'Whoever asks that is here to invest, not out of curiosity.'}, ], }; const MSJ=()=>document.documentElement.lang==='en'?MENSAJES_EN:MENSAJES; /* El demo de Senda habla el idioma del sub-segmento activo. Antes pedía siempre "una limpieza", que en veterinaria o spa no tiene sentido. */ const DEMO_SENDA={ clinica:{es:{p:'Necesito consulta con el doctor, ¿tienen espacio esta semana?',r:'Claro. Estos son los espacios libres:',pie:'Pica un horario — así se siente para el paciente.'}, en:{p:'I need an appointment with the doctor. Any openings this week?',r:'Of course. These slots are open:',pie:'Pick a time — this is how it feels for the patient.'}}, spa:{es:{p:'Quiero agendar un facial para esta semana',r:'Claro. Estos son los espacios libres:',pie:'Pica un horario — así se siente para el cliente.'}, en:{p:'I’d like to book a facial this week',r:'Of course. These slots are open:',pie:'Pick a time — this is how it feels for the client.'}}, dental:{es:{p:'Quiero agendar una limpieza',r:'Claro. Estos son los espacios libres:',pie:'Pica un horario — así se siente para el paciente.'}, en:{p:'I’d like to book a cleaning',r:'Of course. These slots are open:',pie:'Pick a time — this is how it feels for the patient.'}}, vet:{es:{p:'Necesito baño y corte para mi perro, ¿qué días tienen?',r:'Claro. Estos son los espacios libres:',pie:'Pica un horario — así se siente para el dueño.'}, en:{p:'I need a bath and haircut for my dog. What days do you have?',r:'Of course. These slots are open:',pie:'Pick a time — this is how it feels for the owner.'}}, }; function pintarDemoSenda(seg){ const d=(DEMO_SENDA[seg]||DEMO_SENDA.clinica)[document.documentElement.lang==='en'?'en':'es']; const caja=document.querySelector('.senda-demo'); if(!caja||!d)return; const cli=caja.querySelector('.b.cli'), ag=caja.querySelector('.b.ag'), pie=caja.querySelector('.chico'); if(cli)cli.textContent=d.p; if(ag)ag.textContent=d.r; if(pie)pie.textContent=d.pie; } window.pintarDemoSenda=pintarDemoSenda; let rotTimer=null,rotIdx=0,rotClave='clinica'; window.pintarMensaje=function pintarMensaje(){ const lista=MSJ()[rotClave]; if(!lista)return; const d=lista[rotIdx%lista.length]; const raiz=document.querySelector('.vista.activa') || document; const q=raiz.querySelector('.cine-txt'), n=raiz.querySelector('.cine-nota'), h=raiz.querySelector('.cine-hora'); if(!q)return; q.style.opacity='0'; if(n)n.style.opacity='0'; setTimeout(()=>{ q.textContent=d.t; if(n)n.textContent=d.n; if(h)h.textContent=d.h; q.style.opacity='1'; if(n)n.style.opacity='1'; },menos?0:260); } function rotarMensajes(clave){ clearInterval(rotTimer); rotClave=clave; rotIdx=0; pintarMensaje(); if(menos)return; rotTimer=setInterval(()=>{rotIdx++;pintarMensaje()},6500); } function ponerSegmento(seg){ window.__segActivo=seg; try{pintarDemoSenda(seg)}catch(e){} document.querySelectorAll('#cine-salud .cv').forEach(v=>{ const on=v.dataset.seg===seg; v.classList.toggle('on',on); if(!v.src)return; if(on){v.play().catch(()=>{})}else{v.pause()} }); const q=document.getElementById('cine-quien'); if(q)q.textContent={clinica:'Clínica Aurora',spa:'Spa',dental:'Consultorio dental',vet:'Veterinaria'}[seg]||'Clínica'; rotarMensajes(seg); } document.querySelectorAll('.sub-b').forEach(b=>b.addEventListener('click',()=>{ document.querySelectorAll('.sub-b').forEach(x=>x.classList.remove('on')); b.classList.add('on'); ponerSegmento(b.dataset.seg); })); /* --- circuito de medición: diagrama animado --- */ (()=>{ const circ=document.querySelector('.circuito'); if(!circ)return; const nodos=[...circ.querySelectorAll('.nodo')]; const cons=[...circ.querySelectorAll('.conector')]; const ret=circ.querySelector('.retorno'); const barras=[...circ.querySelectorAll('.pb i')]; let paso=0,timer=null,arrancado=false; const pintarTablero=on=>barras.forEach(b=>{b.style.width=on?b.dataset.w+'%':'0%'}); const chips=[...circ.querySelectorAll('.chip-d')]; function marcar(n){ nodos.forEach((x,i)=>x.classList.toggle('activo',i===n)); // el dato viaja acumulando lo que recoge en cada paso chips.forEach((c,i)=>c.classList.toggle('puesto',n===4?true:i<=n)); if(n===3)pintarTablero(true); if(n===0)pintarTablero(false); } function avanzar(){ const sig=(paso+1)%5; if(paso<3){const c=cons[paso];c.classList.add('fluye');setTimeout(()=>c.classList.remove('fluye'),900)} else if(paso===3){ret.classList.add('fluye');setTimeout(()=>ret.classList.remove('fluye'),1500)} paso=sig; setTimeout(()=>marcar(paso),paso===0?1500:900); timer=setTimeout(avanzar,paso===0?2600:2400); } function arrancar(){ if(arrancado)return;arrancado=true; if(menos){nodos.forEach(x=>x.classList.add('activo'));chips.forEach(c=>c.classList.add('puesto'));pintarTablero(true);return} marcar(0);timer=setTimeout(avanzar,2200); } nodos.forEach((x,i)=>x.addEventListener('click',()=>{ clearTimeout(timer);arrancado=true;paso=i;marcar(i); timer=setTimeout(avanzar,3000); })); const ioC=new IntersectionObserver(es=>{if(es[0].isIntersecting){arrancar();ioC.disconnect()}},{threshold:.25}); ioC.observe(circ); // por si el observador no dispara setTimeout(()=>{const r=circ.getBoundingClientRect();if(r.top{const r=circ.getBoundingClientRect();if(r.top0)arrancar()},{passive:true}); })(); document.querySelectorAll('#slots .slot').forEach(s=>s.addEventListener('click',()=>{ document.querySelectorAll('#slots .slot').forEach(x=>x.classList.remove('on'));s.classList.add('on')})); if(matchMedia('(pointer:fine)').matches&&!menos){ document.querySelectorAll('[data-tilt]').forEach(card=>{ card.addEventListener('pointermove',ev=>{ const r=card.getBoundingClientRect(),x=(ev.clientX-r.left)/r.width,y=(ev.clientY-r.top)/r.height; card.style.setProperty('--mx',x*100+'%');card.style.setProperty('--my',y*100+'%'); card.style.transform='perspective(700px) rotateY('+((x-.5)*5)+'deg) rotateX('+((.5-y)*5)+'deg) translateY(-3px)'}); card.addEventListener('pointerleave',()=>{card.style.transform=''}); }); } if(document.getElementById('v-home'))nav.classList.add('sobre-video'); document.querySelector('.nav-links button[data-ir="industrias"]'); if(capas.length)ir(0,false); observar(); addEventListener('scroll',()=>{ var vh=document.getElementById('v-home'); if(!vh||!vh.classList.contains('activa'))return; nav.classList.toggle('sobre-video',scrollY<420); },{passive:true}); /* ===== idioma ES/EN — ahora es navegación ===== */ (function(){ var en = GROVA.idioma === 'en'; document.querySelectorAll('[data-lang]').forEach(function(b){ b.textContent = b.classList.contains('lang-mm') ? (en?'Español':'English') : (en?'ES':'EN'); b.setAttribute('aria-label', en?'Cambiar a español':'Switch to English'); }); document.addEventListener('click', function(e){ var b = e.target && e.target.closest ? e.target.closest('[data-lang]') : null; if(!b) return; e.preventDefault(); location.href = GROVA.espejo; }); })(); 14:["$","script",null,{"id":"grova-sitio","dangerouslySetInnerHTML":{"__html":"$18"}}]

What changed whenwe started with the operation.

Let's start withyour operation.

What changed when
we started with the operation.

Let's start with
your operation.