',face:'',body:''}; bw.innerHTML=(cur===0||q.badge!==prev)?bmap[q.badge]:''; document.getElementById('qtext').textContent=q.text; document.getElementById('multi-hint').style.display=q.multi?'block':'none'; const wb=document.getElementById('warn'); q.warn?(wb.style.display='block',wb.innerHTML='ℹ️ Atenção: Se você tiver alguma condição diagnosticada, recomendamos consultar um dermatologista antes de iniciar qualquer tratamento. Nossos produtos são cosméticos naturais e não substituem prescrição médica.'):wb.style.display='none'; const ca=ans[q.id],wrap=document.getElementById('opts');wrap.innerHTML=''; q.opts.forEach(o=>{ const sel=q.multi?(Array.isArray(ca)&&ca.includes(o.val)):ca===o.val; const d=document.createElement('div');d.className='opt'+(sel?' sel':''); d.innerHTML=''+o.label+''; d.onclick=()=>pick(q,o.val,d,wrap);wrap.appendChild(d); }); document.getElementById('bbk').style.visibility=cur===0?'hidden':'visible'; chkNext(q); } function pick(q,val,el,wrap){ if(q.multi){ if(!Array.isArray(ans[q.id]))ans[q.id]=[]; const excl=['natural','none']; if(excl.includes(val)){ans[q.id]=[val];wrap.querySelectorAll('.opt').forEach((d,i)=>{d.classList.toggle('sel',q.opts[i].val===val);});} else{ans[q.id]=ans[q.id].filter(v=>!excl.includes(v));const i=ans[q.id].indexOf(val);i>=0?ans[q.id].splice(i,1):ans[q.id].push(val);wrap.querySelectorAll('.opt').forEach((d,i)=>{d.classList.toggle('sel',ans[q.id].includes(q.opts[i].val));});} }else{ans[q.id]=val;wrap.querySelectorAll('.opt').forEach(d=>d.classList.remove('sel'));el.classList.add('sel');} chkNext(q); } function chkNext(q){const v=ans[q.id];document.getElementById('bnx').disabled=!(q.multi?(Array.isArray(v)&&v.length>0):!!v);} function goNext(){const q=questions[cur],v=ans[q.id];if(!(q.multi?(Array.isArray(v)&&v.length>0):!!v))return;cur++;if(cur>=questions.length){showResult();return;}render();} function goBack(){if(cur===0){document.getElementById('quiz-view').style.display='none';document.getElementById('sess-view').style.display='block';return;}cur--;render();} function restart(){Object.keys(ans).forEach(k=>delete ans[k]);sessions.clear();cur=0;['hair','face','body','all'].forEach(k=>{const el=document.getElementById('sc-'+k);if(el)el.classList.remove('sel');});document.getElementById('sess-btn').disabled=true;document.getElementById('result-view').style.display='none';document.getElementById('quiz-view').style.display='none';document.getElementById('sess-view').style.display='block';} function recHair(){ const scalp=ans.scalp,curl=ans.curl,ends=ans.ends,texture=ans.texture,volpref=ans.volume_pref; const chemicals=ans.chemical||[]; const concern=ans.concern||[],path=ans.pathology||[]; const isLiso=curl==='straight',isOndu=curl==='wavy',isCurly=curl==='curly',isCoily=curl==='coily'; const isFine=texture==='fine',isThick=texture==='thick'; const isRelaxed=chemicals.includes('relaxed'),isColored=chemicals.includes('colored'),isTransition=chemicals.includes('transition'); const isChemical=isRelaxed||isColored||isTransition; const isDry=scalp==='dry'||ends==='dry'||ends==='brittle'; const isOily=scalp==='oily',isSensitive=scalp==='sensitive'; const hasLoss=concern.includes('loss')||path.includes('alopecia'); const hasDandruff=concern.includes('dandruff')||path.includes('dandruff_med')||path.includes('seborrheic'); const hasDryness=concern.includes('dryness'),hasBreakage=concern.includes('breakage'),hasDullness=concern.includes('dullness'); const wantsVolume=volpref==='keep_volume',wantsDefinition=volpref==='definition',wantsControlFrizz=volpref==='control_frizz'; let shampoo,creme,finalizador,plus,alerts=[]; // SHAMPOO — sem Maracujá/Tangerina, Menta/Argila Branca, Argila Rosa if(hasDandruff||hasLoss||isSensitive||isOily) shampoo={name:'Shampoo Sólido Carvão Ativado',why:'Detox profundo que remove resíduos, controla oleosidade e equilibra o couro cabeludo com caspa ou tendência a oleosidade.'}; else if(isCoily||(isDry&&isChemical)) shampoo={name:'Shampoo Sólido Cacau e Cupuaçu',why:'Manteigas vegetais de alto poder nutritivo que limpam sem ressecar fios crespos ou quimicamente danificados.'}; else if(isChemical||(isDry&&isThick)) shampoo={name:'Shampoo Sólido Castanha do Pará e Murumuru',why:'Recupera fibras danificadas por química com nutrição intensa e reposição de resistência.'}; else if(isCurly||isOndu) shampoo={name:'Shampoo Sólido Jabuticaba e Jupati',why:'Limpeza suave que preserva a definição dos cachos, reduz frizz e promove brilho natural.'}; else if(hasDandruff&&!isOily) shampoo={name:'Shampoo Sólido Calêndula e Alecrim',why:'Calêndula equilibra o couro cabeludo sensível e o alecrim estimula a circulação, favorecendo equilíbrio e crescimento.'}; else shampoo={name:'Shampoo Sólido Oliva e Capim-Limão',why:'Limpeza equilibrada com oliva nutritivo e capim-limão — controle de frizz e brilho para fios normais a secos.'}; if(isLiso||isRelaxed){ if(isDry||hasDryness)creme={name:'Creme Multifuncional Coco e Graviola',fn:'Condicionante',why:'Nutrição leve que hidrata fios lisos ou com progressiva sem pesar — aplicar após shampoo e enxaguar.'}; else if(isChemical&&(hasBreakage||ends==='brittle'))creme={name:'Creme Multifuncional Jabuticaba, Jupati e Multiproteínas',fn:'Tratamento',why:'Multiproteínas de arroz e trigo que fortalecem fibras comprometidas por química — 10–15 min e enxaguar.'}; else creme={name:'Creme Multifuncional Coco e Graviola',fn:'Condicionante',why:'Formulação levíssima para fios lisos — condicionante rápido após o shampoo sem pesar.'}; }else if(isCoily||(isDry&&hasDryness))creme={name:'Creme Multifuncional Cacau e Cupuaçu',fn:'Finalizador / Máscara',why:'Alta retenção de umidade com cacau e cupuaçu — máscara de 10–15 min ou creme para pentear nos fios úmidos.'}; else if(isChemical&&(ends==='brittle'||hasBreakage))creme={name:'Creme Multifuncional 5 Óleos',fn:'Tratamento',why:'Blend de 5 óleos amazônicos que reconstrói a fibra capilar, sela cutículas e repõe lipídeos perdidos pela química.'}; else if(isFine||isOndu)creme={name:'Creme Multifuncional Coco e Graviola',fn:'Condicionante / Finalizador',why:'Nutrição leve para ondulados ou finos — condicionante após shampoo ou finalizador nos fios úmidos.'}; else if(hasBreakage||ends==='brittle')creme={name:'Creme Multifuncional Jabuticaba, Jupati e Multiproteínas',fn:'Tratamento',why:'Multiproteínas vegetais que fortalecem e reduzem a quebra — máscara de 10–15 min e enxaguar.'}; else if(wantsDefinition&&isCurly)creme={name:'Creme Multifuncional Cacau e Cupuaçu',fn:'Finalizador / Creme para pentear',why:'Potencializa a definição e controla o frizz de cachos quando usado nos fios úmidos.'}; else creme={name:'Creme Multifuncional Hidronutrição Bacuri e Tangerina',fn:'Condicionante / Tratamento',why:'Hidratação e nutrição equilibradas — condicionante rápido ou máscara quinzenal para qualquer curvatura.'}; if(isLiso||isRelaxed){ if(wantsVolume||isFine)finalizador={name:'Condicionador Sólido Graviola e Coco',why:'Finalização ultra-leve com murumuru e graviola — maciez e brilho em fios lisos sem perder o volume.'}; else finalizador={name:'Leave-In Natural Andiroba e Cupuaçu',why:'Sem enxágue, alinha fios lisos, hidrata pontas e protege contra o ressecamento sem pesar.'}; }else if(isOndu){ if(wantsVolume)finalizador={name:'Leave-In Natural Andiroba e Cupuaçu',why:'Define as ondas mantendo o volume e o movimento natural — hidratação leve sem pesar.'}; else if(wantsControlFrizz||wantsDefinition)finalizador={name:'Geleia em Creme 2 em 1',why:'Biocamada vegetal que controla o frizz de ondulados com movimento natural e proteção térmica.'}; else finalizador={name:'Leave-In Natural Andiroba e Cupuaçu',why:'Finalizador leve que preserva as ondas com hidratação e proteção diária.'}; }else if(isCurly){ if(wantsDefinition)finalizador={name:'Geleia em Creme 2 em 1',why:'Biocamada protetora para cachos — definição intensa, controle de frizz e brilho sem rigidez.'}; else if(wantsVolume)finalizador={name:'Condicionador Sólido Pequi e Buriti',why:'Pequi e buriti como finalizador leve para cachos com nutrição e brilho sem perder leveza e volume.'}; else finalizador={name:'Geleia Capilar Natural Açaí, Babaçu e Babosa',why:'Fixação leve e natural com nutrição de açaí e babosa — cachos com maleabilidade e definição duradoura.'}; }else{finalizador={name:'Geleia em Creme 2 em 1',why:'Hidratação e definição para fios crespos com proteção térmica e biocamada vegetal antifrizzz.'};} if(path.includes('alopecia'))plus={role:'Plus — queda com diagnóstico',name:'Kit Biotec Renova',why:'Biotecnologia com Elaya Renova que estimula crescimento, fortalece folículos e revitaliza o couro cabeludo desde a raiz.'}; else if(hasLoss||hasDandruff||isSensitive||path.includes('seborrheic'))plus={role:'Plus — couro cabeludo',name:'Tônico Natural Alecrim & Melaleuca',why:'Estimula folículos, equilibra a microbiota e combate caspa e sensibilidade — borrifar no couro cabeludo 2x ao dia, sem enxaguar.'}; else if(isChemical&&(ends==='brittle'||hasBreakage))plus={role:'Plus — reparação pós-química',name:'Loção Proteica Acidificante',why:'pH 3,5 que sela cutículas abertas e repõe proteínas, corrigindo a alta porosidade.'}; else if(hasDryness||(isDry&&isCoily))plus={role:'Plus — ressecamento intenso',name:'Ômega Vegetal (Sérum Capilar)',why:'Óleos Ojon, Patauá, Pracaxi e Abacate que repõem lipídeos, selam cutículas e devolvem brilho e maciez.'}; else if(hasDullness||(isColored&&!hasBreakage))plus={role:'Plus — brilho e nutrição',name:'Ômega Vegetal (Sérum Capilar)',why:'Selagem de cutículas e reposição lipídica que transforma fios opacos ou tingidos em cabelos com brilho natural.'}; else if(isCoily||isDry)plus={role:'Plus — umectação intensiva',name:'Manteiga de Cupuaçu 100% Natural',why:'Aplicar nos fios secos antes da lavagem (pré-poo) ou misturar à máscara para potencializar a hidratação.'}; else if(wantsVolume&&(isLiso||isOndu||isFine))plus={role:'Plus — leveza e maciez',name:'Condicionador Sólido Graviola e Coco',why:'Nutrição leve com coco e murumuru — maciez e brilho sem perder volume ou leveza.'}; else if(isCurly||isCoily)plus={role:'Plus — nutrição e brilho',name:'Condicionador Sólido Pequi e Buriti',why:'Óleos de pequi e buriti que repõem antioxidantes e nutrientes para cachos com brilho intenso e maciez.'}; else plus={role:'Plus — equilíbrio e vitalidade',name:'Tônico Natural Alecrim & Melaleuca',why:'Revitaliza no day-after, promove leveza e mantém o equilíbrio do couro cabeludo — sem enxágue.'}; if(path.includes('alopecia'))alerts.push({title:'Alopecia diagnosticada',msg:'Para queda com diagnóstico médico, recomendamos acompanhamento com dermatologista ou tricologista. O Kit Biotec Renova pode complementar, mas não substitui o tratamento.'}); if(path.includes('psoriasis'))alerts.push({title:'Psoríase no couro cabeludo',msg:'A psoríase requer tratamento médico. Use produtos suaves e evite esfregar com força o couro cabeludo.'}); if(path.includes('seborrheic'))alerts.push({title:'Dermatite seborreica',msg:'Nossos produtos são livres de silicone e formulados com ativos naturais suaves.'}); return{shampoo,creme,finalizador,plus,alerts}; } function recFace(){ const stype=ans.skin_type,scArr=ans.skin_concern||[],spath=ans.skin_path||[]; const hasOil=scArr.includes('oil'),hasAcne=scArr.includes('acne'),hasAging=scArr.includes('aging'),hasDry=scArr.includes('dryness'); let limpeza,cuidado,plus,alerts=[]; if(stype==='oily'&&(hasAcne||hasOil))limpeza={name:'Shampoo Sólido Carvão Ativado',why:'Multifuncional: carvão ativado e argila preta fazem detox da pele oleosa, removem impurezas e controlam poros.'}; else limpeza={name:'Gel de Limpeza Facial Guaraná & Tangerina',why:'Limpeza suave com guaraná antioxidante e tangerina purificante — uso diário manhã e noite.'}; if(stype==='sensitive'||spath.includes('rosacea')||hasDry||stype==='dry')cuidado={name:'Sérum Facial Seiva das Flores',why:'Gerânio, lavanda, hibisco e camomila que acalmam, reduzem vermelhidão e hidratam profundamente — aplicar após limpeza, diariamente.'}; else if(stype==='oily'||hasAcne||hasOil)cuidado={name:'Sérum Facial Seiva Probio',why:'Ação prebiótica que equilibra a microbiota facial, reduz inflamação e controla oleosidade e acne — aplicar após limpeza, diariamente.'}; else if(hasAging)cuidado={name:'Sérum Facial Seiva Vegetal',why:'Rosa mosqueta, niacinamida e jambu que combatem manchas, firmam e reduzem linhas de expressão — aplicar após limpeza, diariamente.'}; else cuidado={name:'Sérum Facial Seiva das Flores',why:'Hidratação equilibrada com proteção antioxidante das flores — cuidado diário para manter o viço e a saúde da pele.'}; if(stype==='oily'||hasAcne||hasOil)plus={role:'Plus — equilíbrio e controle',name:'Tônico Natural Alecrim & Melaleuca',why:'Melaleuca controla oleosidade e combate acne. Borrifar no rosto 2x ao dia após a limpeza — substitui o tônico convencional.'}; else if(stype==='sensitive'||spath.includes('rosacea'))plus={role:'Plus — calmante diário',name:'Tônico Natural Alecrim & Melaleuca',why:'Anti-inflamatório natural da melaleuca e tonificante do alecrim — borrifar suavemente após a limpeza.'}; else if(stype==='dry'||hasDry||spath.includes('dermatitis'))plus={role:'Plus — hidratação complementar',name:'Leite Hidratante Facial (Leite de Arroz & Vitamina C)',why:'Spray leve com proteína de arroz e vitamina C que complementa o sérum, uniformiza o tom e protege ao longo do dia.'}; else plus={role:'Plus — luminosidade e proteção',name:'Leite Hidratante Facial (Leite de Arroz & Vitamina C)',why:'Vitamina C e proteína de arroz em spray que iluminam, uniformizam o tom e mantêm a pele protegida durante o dia.'}; if(spath.includes('dermatitis'))alerts.push({title:'Dermatite atópica ou de contato',msg:'Nossos produtos são livres de parabenos e formulados com ativos naturais suaves.'}); if(spath.includes('psoriasis'))alerts.push({title:'Psoríase',msg:'A psoríase requer acompanhamento dermatológico. Prefira produtos sem sulfatos e com ativos calmantes.'}); if(spath.includes('rosacea'))alerts.push({title:'Rosácea',msg:'Evite esfoliantes físicos, álcool e fragrâncias intensas. O Sérum Seiva das Flores e o Gel Guaraná & Tangerina são opções suaves.'}); return{limpeza,cuidado,plus,alerts}; } function recBody(){ const area=ans.body_area||[],feel=ans.body_feel,bpath=ans.body_path||[]; let polpa,manteiga,extra=null,alerts=[]; polpa=(feel==='light'||area.includes('general'))?{name:'Polpa Hidratante Corporal Cajá & Manga',why:'Textura leve, toque seco e rápida absorção — hidratação diária para o corpo todo.'}:{name:'Polpa Corporal Ritual Noturno (Lavanda & Cacau)',why:'Textura cremosa com manteiga de cacau e castanha do Pará — nutrição profunda, ideal para a noite.'}; if(area.includes('verydry')||feel==='rich'||area.includes('rough'))manteiga={name:'Manteiga de Murumuru 100% Natural',why:'Textura densa e altamente nutritiva para cotovelos, joelhos, calcanhares e áreas com ressecamento intenso.'}; else if(area.includes('sun'))manteiga={name:'Manteiga de Cupuaçu 100% Natural',why:'Alta retenção de umidade que restaura a barreira da pele exposta ao sol — colo, ombros e áreas sensibilizadas.'}; else manteiga={name:'Manteiga de Cupuaçu 100% Natural',why:'Hidratação e nutrição equilibrada — pode ser misturada à polpa para potencializar o tratamento.'}; if(area.includes('verydry')||bpath.includes('atopic'))extra={role:'Plus — pele sensível / atópica',name:'Sérum Facial Seiva das Flores',why:'Camomila, aloe vera e bisabolol em áreas corporais sensíveis ou com dermatite — especialmente em dobras.'}; else if(area.includes('sun'))extra={role:'Plus — manchas e pós-sol',name:'Sérum Facial Seiva Vegetal',why:'Rosa mosqueta e niacinamida para clarear manchas e uniformizar o tom no colo, pescoço e ombros.'}; if(bpath.includes('atopic'))alerts.push({title:'Dermatite atópica',msg:'Em surtos, consulte seu dermatologista antes de usar qualquer cosmético novo.'}); if(bpath.includes('psoriasis'))alerts.push({title:'Psoríase corporal',msg:'As manteigas naturais podem auxiliar na hidratação, mas não substituem o tratamento prescrito.'}); return{polpa,manteiga,extra,alerts}; } function card(role,prod,cls,fn){ const fnTag=fn?''+fn+'':''; const freq=FREQ[prod.name]; const freqTag=freq?' '+freq+'':''; const tags=(fnTag||freqTag)?'':''; const link=LINKS[prod.name]; const btn=link?' Ver produto':''; return ''; } function showResult(){ document.getElementById('quiz-view').style.display='none'; const rv=document.getElementById('result-view');rv.style.display='block'; const all=sessions.has('all'),doHair=all||sessions.has('hair'),doFace=all||sessions.has('face'),doBody=all||sessions.has('body'); let html=''; if(doHair){ const h=recHair(); html+=''; } if(doFace){ const f=recFace(); html+=''; } if(doBody){ const b=recBody(); html+=''; } html+=``; html+='↺ Reiniciar o quiz'; rv.innerHTML=html; }