Quiz O Gramofone :root{–bg:#0b0705;–paper:#d8c29a;–paper2:#f2e4c7;–gold:#b88a3a;–red:#7d1f1f;–line:rgba(216,194,154,.28);–muted:rgba(242,228,199,.76)} *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} body{margin:0;min-height:100vh;font-family:Georgia,”Times New Roman”,serif;background:radial-gradient(circle at 50% 0%,rgba(184,138,58,.18),transparent 38%),linear-gradient(180deg,#100906 0%,#050302 100%);color:var(–paper2)} .app{width:min(960px,100%);margin:0 auto;padding:20px 14px 42px} .topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px} .brand{display:flex;align-items:center;gap:10px;color:var(–paper);letter-spacing:.08em;text-transform:uppercase;font-size:13px} .brand img{width:34px;height:34px;object-fit:contain} .progressText{font-size:13px;color:var(–muted)} .progress{height:6px;background:rgba(242,228,199,.12);border-radius:999px;overflow:hidden;margin-bottom:22px} .progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(–gold),#f2d18b);transition:.35s ease} .screen{background:linear-gradient(180deg,rgba(22,15,11,.96),rgba(10,7,5,.96));border:1px solid var(–line);border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.45)} h1,h2,h3{margin:0;color:var(–paper2);line-height:1.08} h1{font-size:clamp(32px,7vw,62px);letter-spacing:.02em} h2{font-size:clamp(25px,5vw,42px)} h3{font-size:24px;color:var(–paper)} p{font-size:18px;line-height:1.55;color:var(–muted)} .lead{font-size:20px} .btn{appearance:none;border:1px solid rgba(184,138,58,.65);background:linear-gradient(180deg,#c69a4a,#7c551f);color:#120b05;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:14px;padding:15px 18px;cursor:pointer;width:100%;font-size:15px;font-family:Georgia,”Times New Roman”,serif} .btn:disabled{opacity:.65;cursor:not-allowed} .btn.cta{font-size:17px;padding:18px 20px;margin-top:8px;box-shadow:0 0 32px rgba(184,138,58,.22)} .field{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(–line);background:rgba(255,255,255,.06);color:var(–paper2);font-size:18px;margin:8px 0 14px;font-family:Georgia,”Times New Roman”,serif} .heroImg,.homeImg{width:100%;display:block;border-radius:18px;border:1px solid var(–line);margin:0 0 18px;background:#000} .heroImg{margin:18px 0} .questionMeta{color:var(–gold);text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin-bottom:10px} .scenario{border-left:3px solid var(–gold);padding-left:14px;margin:12px 0 18px;color:var(–muted);font-size:17px;line-height:1.45} .options{display:grid;gap:12px;margin-top:18px} .option{border:1px solid var(–line);background:rgba(255,255,255,.045);color:var(–paper2);border-radius:16px;padding:15px;cursor:pointer;text-align:left;display:grid;gap:10px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;position:relative;outline:none;font-family:Georgia,”Times New Roman”,serif;font-weight:400;width:100%} .option:hover{transform:translateY(-1px);border-color:rgba(184,138,58,.8)} .option:focus,.option:focus-visible,.option:active{outline:none!important;box-shadow:none!important} .option.selected{border-color:rgba(242,209,139,.95);box-shadow:0 0 24px rgba(184,138,58,.32)!important;background:rgba(184,138,58,.13)} .option.selected:after{content:”✓”;position:absolute;top:12px;right:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f2d18b,#b88a3a);color:#120b05;font-weight:900} .option[disabled]{pointer-events:none} .identityOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px} .identityOptions .option{text-align:center;justify-items:center} .option img{width:100%;display:block;border-radius:12px;border:1px solid rgba(216,194,154,.18)} .optTitle{color:var(–paper2);font-size:18px;line-height:1.3;font-weight:400} .optDesc{color:var(–muted);font-size:15px;line-height:1.35} .gridCards,.posterGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .resultBox{border:1px solid var(–line);border-radius:18px;padding:18px;margin-top:16px;background:rgba(255,255,255,.04)} .ctaBox{border:2px solid rgba(184,138,58,.75);border-radius:22px;padding:24px;margin-top:22px;background:radial-gradient(circle at 50% 0%,rgba(184,138,58,.18),transparent 45%),linear-gradient(180deg,rgba(48,28,14,.96),rgba(12,7,4,.98));box-shadow:0 20px 70px rgba(0,0,0,.45),0 0 38px rgba(184,138,58,.12)} .tag{display:inline-block;padding:6px 10px;border:1px solid var(–line);border-radius:999px;color:var(–gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px} .profileChart{display:grid;gap:13px;margin-top:18px} .profileRow{display:grid;grid-template-columns:145px 1fr 48px;align-items:center;gap:12px} .profileName{color:var(–paper2);font-size:16px} .profileBar{height:12px;background:rgba(242,228,199,.12);border-radius:999px;overflow:hidden} .profileBar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(–gold),#f2d18b);border-radius:999px;transition:width 1.2s ease} .profilePct{color:var(–gold);text-align:right;font-size:14px;font-weight:700} .politicalScale{margin-top:18px} .scaleLabels{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:13px;color:var(–muted);margin-bottom:10px} .scaleLabels span:nth-child(1){text-align:left} .scaleLabels span:nth-child(2){text-align:center} .scaleLabels span:nth-child(3){text-align:right} .scaleTrack{position:relative;height:16px;border-radius:999px;background:linear-gradient(90deg,#7d1f1f,#b88a3a,#f2d18b,#b88a3a,#7d1f1f);border:1px solid rgba(216,194,154,.32);margin:22px 0 12px} .scalePointer{position:absolute;top:-18px;transform:translateX(-50%);color:var(–paper2);font-size:22px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.75)} .scaleValue{text-align:center;color:var(–gold);font-weight:700;margin-top:4px} .fieldError{color:#f2b6a0;font-size:14px;margin-top:-4px;margin-bottom:12px;display:none} .confettiLayer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999} .confettiPiece{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;opacity:.9;animation:fallConfetti 2.4s linear forwards} @keyframes fallConfetti{0%{transform:translateY(-20px) rotate(0deg)}100%{transform:translateY(110vh) rotate(720deg)}} @media(max-width:680px){ .screen{padding:16px;border-radius:18px} .gridCards,.posterGrid{grid-template-columns:1fr} .brand span{display:none} p{font-size:16px} .lead{font-size:17px} .profileRow{grid-template-columns:1fr;gap:6px} .profilePct{text-align:left} .scaleLabels{font-size:11px} .ctaBox{padding:18px} .identityOptions{grid-template-columns:1fr} }
O Gramofone O Gramofone
Descoberta
O Gramofone
var LEAD_ENDPOINT=””; var NEXT_STAGE_URL=””; var HOME_IMAGE=”https://ogramofone.com/wp-content/uploads/2026/07/Tela-Inicial.png”; var IMG={ Q01_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q01_MAIN.png”, Q02_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q02_MAIN.png”, Q03_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q03_MAIN.png”, Q04_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q04_MAIN.png”, Q05_A:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_A.png”, Q05_B:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_B.png”, Q05_C:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_C.png”, Q05_D:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_D.png”, Q05_E:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_E.png”, Q05_F:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_F.png”, Q05_G:”https://ogramofone.com/wp-content/uploads/2026/06/Q05_G.png”, Q06_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q06_MAIN.png”, Q07_A:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_A.png”, Q07_B:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_B.png”, Q07_C:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_C.png”, Q07_D:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_D.png”, Q07_E:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_E.png”, Q07_F:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_F.png”, Q07_G:”https://ogramofone.com/wp-content/uploads/2026/06/Q07_G.png”, Q08_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q08_MAIN.png”, Q09_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q09_MAIN.png”, Q10_MAIN:”https://ogramofone.com/wp-content/uploads/2026/06/Q10_MAIN.png”, Q11_A:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_A.png”, Q11_B:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_B.png”, Q11_C:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_C.png”, Q11_D:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_D.png”, Q11_E:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_E.png”, Q11_F:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_F.png”, Q11_G:”https://ogramofone.com/wp-content/uploads/2026/06/Q11_G.png”, Q12_A:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_AAA.png”, Q12_B:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_BBB.png”, Q12_C:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_CCC.png”, Q12_D:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_DDD.png”, Q12_E:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_EEE.png”, Q12_F:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_FFF.png”, Q12_G:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_GGG.png”, Q12_AA:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_AA.png”, Q12_BB:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_BB.png”, Q12_CC:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_CC.png”, Q12_DD:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_DD.png”, Q12_EE:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_EE.png”, Q12_FF:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_FF.png”, Q12_GG:”https://ogramofone.com/wp-content/uploads/2026/06/Q12_GG.png” }; var profiles={ investigador:{name:”Investigador”,headline:”Você tende a buscar o que sustenta uma interpretação.”,desc:”Suas respostas indicam uma inclinação a observar fatos, pistas, evidências e contradições antes de formar uma conclusão.”,notices:”Detalhes, dados, causas e inconsistências.”,contributes:”Clareza, precisão e prudência intelectual.”,overlooks:”Às vezes, pode demorar a agir enquanto busca mais confirmação.”}, explorador:{name:”Explorador”,headline:”Você tende a perceber possibilidades antes de conclusões.”,desc:”Suas respostas indicam uma inclinação a observar caminhos novos, alternativas e aquilo que ainda não foi testado.”,notices:”Oportunidades, descobertas, caminhos e horizontes.”,contributes:”Imaginação, abertura e movimento.”,overlooks:”Às vezes, pode subestimar limites, riscos ou estruturas já existentes.”}, integrador:{name:”Integrador”,headline:”Você tende a enxergar conexões entre pessoas, contextos e efeitos.”,desc:”Suas respostas indicam uma inclinação a observar como diferentes grupos, histórias e perspectivas se cruzam.”,notices:”Relações, impactos sociais, pertencimentos e sistemas humanos.”,contributes:”Visão sistêmica, inclusão e leitura contextual.”,overlooks:”Às vezes, pode ter dificuldade de escolher um caminho quando muitas perspectivas parecem importantes.”}, mediador:{name:”Mediador”,headline:”Você tende a observar o que aproxima ou afasta as pessoas.”,desc:”Suas respostas indicam uma inclinação a perceber tensões, vínculos, diálogos e possibilidades de entendimento.”,notices:”Conflitos, relações, pontes e sinais de compreensão.”,contributes:”Escuta, equilíbrio e redução de tensões.”,overlooks:”Às vezes, pode adiar decisões difíceis para preservar harmonia.”}, estrategista:{name:”Estrategista”,headline:”Você tende a pensar em consequências, prioridades e direção.”,desc:”Suas respostas indicam uma inclinação a observar objetivos, cenários futuros e movimentos de longo prazo.”,notices:”Estrutura, planejamento, riscos futuros e prioridades.”,contributes:”Direção, organização e visão de consequência.”,overlooks:”Às vezes, pode parecer distante do momento presente ao focar demais no plano.”}, guardiao:{name:”Guardião”,headline:”Você tende a proteger o que considera essencial.”,desc:”Suas respostas indicam uma inclinação a observar estabilidade, segurança, continuidade e valores que não devem ser perdidos.”,notices:”Riscos, limites, preservação e referências importantes.”,contributes:”Cuidado, estabilidade e senso de responsabilidade.”,overlooks:”Às vezes, pode resistir a mudanças que ainda não demonstraram segurança.”}, comandante:{name:”Comandante”,headline:”Você tende a reconhecer o momento de agir.”,desc:”Suas respostas indicam uma inclinação a observar liderança, decisão, movimento e capacidade de transformar uma situação.”,notices:”Ação, influência, liderança e transformação.”,contributes:”Coragem, iniciativa e execução.”,overlooks:”Às vezes, pode avançar antes de ouvir todas as nuances do cenário.”} }; var profileOrder=[“investigador”,”explorador”,”integrador”,”mediador”,”estrategista”,”guardiao”,”comandante”]; var profileRelations={ investigador:[“estrategista”,”guardiao”], explorador:[“comandante”,”integrador”], integrador:[“mediador”,”explorador”], mediador:[“integrador”,”guardiao”], estrategista:[“investigador”,”comandante”], guardiao:[“estrategista”,”mediador”], comandante:[“estrategista”,”explorador”] }; var politicalWeights={ investigador:0, explorador:-2, integrador:-3, mediador:0, estrategista:0, guardiao:3, comandante:2 }; var feminineProfileNames={ investigador:”Investigadora”, explorador:”Exploradora”, integrador:”Integradora”, mediador:”Mediadora”, estrategista:”Estrategista”, guardiao:”Guardiã”, comandante:”Comandante” }; var questions=[ {id:”Q01″,img:IMG.Q01_MAIN,scenario:”Uma grande manifestação ocupa o centro da cidade. Há discursos, jornalistas, policiais, líderes e milhares de pessoas nas ruas.”,q:”O que prende sua atenção primeiro?”,options:[[“investigador”,”O motivo do protesto.”],[“explorador”,”Os grupos mais curiosos.”],[“integrador”,”Como cada grupo vê a situação.”],[“mediador”,”As tensões entre as pessoas.”],[“estrategista”,”Quem organizou tudo.”],[“guardiao”,”Quem mantém a ordem.”],[“comandante”,”Quem influencia a multidão.”]]}, {id:”Q02″,img:IMG.Q02_MAIN,scenario:”Você está em uma estação ferroviária. Pessoas chegam, partem e seguem caminhos diferentes.”,q:”Qual história despertaria mais sua curiosidade?”,options:[[“investigador”,”Por que elas estão ali.”],[“explorador”,”Para onde estão indo.”],[“integrador”,”Como essas histórias se cruzam.”],[“mediador”,”Os reencontros e despedidas.”],[“estrategista”,”Como o sistema funciona.”],[“guardiao”,”Quem garante a segurança.”],[“comandante”,”Quem coordena a operação.”]]}, {id:”Q03″,img:IMG.Q03_MAIN,scenario:”Depois de muitos anos de trabalho, uma cidade inaugura um grande projeto público.”,q:”Antes de formar uma opinião, o que você avaliaria primeiro?”,options:[[“investigador”,”Os resultados obtidos.”],[“explorador”,”As novas oportunidades.”],[“integrador”,”Quem foi impactado.”],[“mediador”,”Se aproximou pessoas.”],[“estrategista”,”Se atingiu os objetivos.”],[“guardiao”,”Se trouxe estabilidade.”],[“comandante”,”Se gerou mudança real.”]]}, {id:”Q04″,img:IMG.Q04_MAIN,scenario:”Você assume a coordenação de um projeto importante. A equipe espera sua primeira decisão.”,q:”Qual seria sua prioridade inicial?”,options:[[“investigador”,”Entender melhor a situação.”],[“explorador”,”Buscar novas possibilidades.”],[“integrador”,”Ouvir diferentes perspectivas.”],[“mediador”,”Alinhar a equipe.”],[“estrategista”,”Definir um plano.”],[“guardiao”,”Organizar responsabilidades.”],[“comandante”,”Colocar o projeto em movimento.”]]}, {id:”Q05″,img:null,cls:”posterGrid”,scenario:”Imagine que você pudesse entrar em uma grande história.”,q:”Qual jornada chamaria você?”,options:[[“investigador”,”Descobrir a verdade”,”Investigar o que ninguém explicou.”,IMG.Q05_A],[“explorador”,”Explorar o desconhecido”,”Ir além do que já foi visto.”,IMG.Q05_B],[“integrador”,”Conectar mundos”,”Aproximar realidades diferentes.”,IMG.Q05_C],[“mediador”,”Reconstruir o diálogo”,”Fazer pessoas voltarem a conversar.”,IMG.Q05_D],[“estrategista”,”Antecipar movimentos”,”Enxergar antes dos demais.”,IMG.Q05_E],[“guardiao”,”Proteger o essencial”,”Preservar o que não pode se perder.”,IMG.Q05_F],[“comandante”,”Assumir a liderança”,”Conduzir no momento decisivo.”,IMG.Q05_G]]}, {id:”Q06″,img:IMG.Q06_MAIN,scenario:”Duas pessoas assistem ao mesmo debate. Ao final, cada uma tem certeza de ter visto algo diferente.”,q:”O que mais explica essa diferença?”,options:[[“investigador”,”Prestaram atenção em fatos diferentes.”],[“explorador”,”Tiveram experiências diferentes.”],[“integrador”,”Vêm de contextos diferentes.”],[“mediador”,”Valorizaram aspectos diferentes.”],[“estrategista”,”Imaginaram consequências diferentes.”],[“guardiao”,”Perceberam riscos diferentes.”],[“comandante”,”Confiaram em lideranças diferentes.”]]}, {id:”Q07″,img:null,cls:”gridCards”,scenario:”Uma nova tecnologia promete transformar a sociedade. Alguns comemoram. Outros se preocupam.”,q:”O que você precisaria compreender primeiro?”,options:[[“investigador”,”As evidências”,”O que já foi comprovado.”,IMG.Q07_A],[“explorador”,”As possibilidades”,”O que ainda pode surgir.”,IMG.Q07_B],[“integrador”,”Os impactos”,”Como afetará pessoas diferentes.”,IMG.Q07_C],[“mediador”,”As relações”,”Se aproximará ou dividirá pessoas.”,IMG.Q07_D],[“estrategista”,”As consequências”,”O efeito no longo prazo.”,IMG.Q07_E],[“guardiao”,”Os riscos”,”O que pode dar errado.”,IMG.Q07_F],[“comandante”,”As decisões”,”O que precisa ser feito.”,IMG.Q07_G]]}, {id:”Q08″,img:IMG.Q08_MAIN,scenario:”Um problema inesperado coloca um projeto importante em risco. A equipe aguarda uma definição.”,q:”Qual seria sua preocupação imediata?”,options:[[“investigador”,”Descobrir a causa.”],[“explorador”,”Encontrar uma alternativa.”],[“integrador”,”Avaliar os impactos.”],[“mediador”,”Preservar a equipe.”],[“estrategista”,”Escolher o melhor caminho.”],[“guardiao”,”Reduzir os prejuízos.”],[“comandante”,”Tomar uma decisão.”]]}, {id:”Q09″,img:IMG.Q09_MAIN,scenario:”Uma descoberta arqueológica revela objetos, inscrições e muitas interpretações possíveis.”,q:”O que mais despertaria sua curiosidade?”,options:[[“investigador”,”As pistas deixadas.”],[“explorador”,”O que ainda não foi descoberto.”],[“integrador”,”As conexões entre histórias.”],[“mediador”,”As diferentes interpretações.”],[“estrategista”,”A lógica daquela civilização.”],[“guardiao”,”A preservação dos artefatos.”],[“comandante”,”Quem lidera a expedição.”]]}, {id:”Q10″,img:IMG.Q10_MAIN,scenario:”Duas pessoas crescem em ambientes diferentes. Anos depois, analisam o mesmo acontecimento e chegam a conclusões opostas.”,q:”O que mais influenciou essa diferença?”,options:[[“investigador”,”As informações que receberam.”],[“explorador”,”As experiências que viveram.”],[“integrador”,”O contexto em que cresceram.”],[“mediador”,”As relações que construíram.”],[“estrategista”,”Os objetivos que desenvolveram.”],[“guardiao”,”Os valores que preservaram.”],[“comandante”,”As escolhas que fizeram.”]]}, {id:”Q11″,img:null,cls:”gridCards”,scenario:”Algumas ideias atravessam gerações. Outras desaparecem rapidamente.”,q:”O que torna uma ideia valiosa com o tempo?”,options:[[“investigador”,”Verdade”,”Revelar algo real.”,IMG.Q11_A],[“explorador”,”Possibilidade”,”Abrir novos caminhos.”,IMG.Q11_B],[“integrador”,”Conexão”,”Unir perspectivas diferentes.”,IMG.Q11_C],[“mediador”,”Compreensão”,”Aproximar pessoas.”,IMG.Q11_D],[“estrategista”,”Resultado”,”Produzir efeitos concretos.”,IMG.Q11_E],[“guardiao”,”Permanência”,”Preservar valores importantes.”,IMG.Q11_F],[“comandante”,”Mobilização”,”Levar pessoas à ação.”,IMG.Q11_G]]}, {id:”Q12″,img:null,cls:”posterGrid”,scenario:”Imagine que você assume um papel decisivo em uma história capaz de mudar a vida de muitas pessoas.”,q:”Qual perfil você assumiria com mais naturalidade?”,options:[[“investigador”,”Investigador”,”Busca a verdade por trás das aparências.”,IMG.Q12_A],[“explorador”,”Explorador”,”Abre caminhos onde outros veem limites.”,IMG.Q12_B],[“integrador”,”Integrador”,”Conecta pessoas, ideias e mundos.”,IMG.Q12_C],[“mediador”,”Mediador”,”Transforma tensão em entendimento.”,IMG.Q12_D],[“estrategista”,”Estrategista”,”Enxerga o caminho antes da decisão.”,IMG.Q12_E],[“guardiao”,”Guardião”,”Protege aquilo que não pode ser perdido.”,IMG.Q12_F],[“comandante”,”Comandante”,”Assume a frente quando é preciso agir.”,IMG.Q12_G]],optionsFemale:[[“investigador”,”Investigadora”,”Busca a verdade por trás das aparências.”,IMG.Q12_AA],[“explorador”,”Exploradora”,”Abre caminhos onde outros veem limites.”,IMG.Q12_BB],[“integrador”,”Integradora”,”Conecta pessoas, ideias e mundos.”,IMG.Q12_CC],[“mediador”,”Mediadora”,”Transforma tensão em entendimento.”,IMG.Q12_DD],[“estrategista”,”Estrategista”,”Enxerga o caminho antes da decisão.”,IMG.Q12_EE],[“guardiao”,”Guardiã”,”Protege aquilo que não pode ser perdido.”,IMG.Q12_FF],[“comandante”,”Comandante”,”Assume a frente quando é preciso agir.”,IMG.Q12_GG]]} ]; var feedbacks={ 3:{title:”Interessante…”,text:”Suas escolhas já começaram a revelar como você observa uma situação antes de formar uma conclusão.”}, 6:{title:”Uma tendência começa a aparecer.”,text:”Duas pessoas podem olhar para a mesma realidade e perceber aspectos completamente diferentes.”}, 9:{title:”Estamos quase lá.”,text:”Algumas características já estão se destacando nas suas respostas.”}, 12:{title:”Análise quase pronta.”,text:”Estamos organizando suas respostas para liberar seu relatório completo.”} }; var state={step:”start”,index:0,name:””,gender:”undisclosed”,email:””,answers:[],locked:false,shuffledOptions:{}}; function byId(id){return document.getElementById(id)} function root(){return byId(“root”)} function progressBar(){return byId(“progressBar”)} function progressText(){return byId(“progressText”)} function esc(v){return String(v).replace(/&/g,”&”).replace(//g,”>”).replace(/”/g,”"”).replace(/’/g,”'”)} function getProfileName(p){return state.gender===”female”?(feminineProfileNames[p]||profiles[p].name):profiles[p].name} function setProgress(){ var bar=progressBar(); var text=progressText(); if(!bar||!text)return; var pct=0,label=”Descoberta”; if(state.step===”quiz”){pct=Math.round((state.index/questions.length)*100);label=(state.index+1)+” de “+questions.length} else if(state.step===”capture”){pct=98;label=”Liberação”} else if(state.step===”result”){pct=100;label=”Resultado”} else if(state.step===”cta”){pct=100;label=”Próxima etapa”} else if(state.step===”feedback”){label=”Analisando”} bar.style.width=pct+”%”; text.textContent=label; } function scrollTop(){try{window.scrollTo({top:0,behavior:”smooth”})}catch(e){window.scrollTo(0,0)}} function shuffleArray(arr){ var c=arr.slice(); for(var i=c.length-1;i>0;i–){var j=Math.floor(Math.random()*(i+1));var t=c[i];c[i]=c[j];c[j]=t} return c; } function getOptions(q){ var opts=(q.id===”Q12″&&state.gender===”female”&&q.optionsFemale)?q.optionsFemale:q.options; var key=q.id+”_”+state.gender; if(!state.shuffledOptions[key])state.shuffledOptions[key]=shuffleArray(opts); return state.shuffledOptions[key]; } function bindButton(id,fn){ var b=byId(id); if(!b)return; b.addEventListener(“click”,function(e){ e.preventDefault(); e.stopPropagation(); fn(); }); } function OG_renderStart(){ state.step=”start”; setProgress(); var r=root(); if(!r)return; r.innerHTML=’O Gramofone‘; setTimeout(function(){bindButton(“ogStartBtn”,OG_renderName)},50); } function OG_renderName(){ state.step=”name”; setProgress(); var r=root(); if(!r)return; r.innerHTML=’

Antes de começar

Informe seu primeiro nome para deixar a descoberta mais pessoal.

‘; setTimeout(function(){ bindButton(“ogNameBtn”,OG_saveName); var f=byId(“nameField”); if(f)f.focus(); },50); scrollTop(); } function OG_saveName(){ var f=byId(“nameField”); state.name=f&&f.value?f.value.replace(/^\s+|\s+$/g,””):”Você”; if(!state.name)state.name=”Você”; OG_renderGender(); } function OG_renderGender(){ state.step=”gender”; setProgress(); var r=root(); if(!r)return; r.innerHTML=’

Como você se identifica?

Essa informação será usada apenas para personalizar a linguagem do seu resultado.

‘; setTimeout(function(){ bindButton(“ogGenderMale”,function(){OG_saveGender(“male”)}); bindButton(“ogGenderFemale”,function(){OG_saveGender(“female”)}); bindButton(“ogGenderUndisclosed”,function(){OG_saveGender(“undisclosed”)}); },50); scrollTop(); } function OG_saveGender(g){ state.gender=g||”undisclosed”; OG_renderIntro(); } function OG_renderIntro(){ state.step=”intro”; setProgress(); var r=root(); if(!r)return; r.innerHTML=’Como responder

Não existem respostas certas ou erradas.

Você verá doze situações. Escolha sempre a alternativa que parecer mais natural para você.

O Quiz não avalia suas opiniões. Ele observa como sua atenção tende a se organizar diante de diferentes cenas.

‘; setTimeout(function(){bindButton(“ogIntroBtn”,OG_startQuiz)},50); scrollTop(); } function OG_startQuiz(){ state.step=”quiz”; state.index=0; state.answers=[]; state.locked=false; state.shuffledOptions={}; OG_renderQuestion(); } function OG_renderQuestion(){ state.locked=false; state.step=”quiz”; setProgress(); var r=root(); if(!r)return; var q=questions[state.index]; var opts=getOptions(q); var html=”; html+=’
‘+esc(q.id)+’
‘; if(q.scenario)html+=’
‘+esc(q.scenario)+’
‘; if(q.img)html+=’‘; html+=’

‘+esc(q.q)+’

‘; html+=’
‘; for(var i=0;i<opts.length;i++){ var o=opts[i]; var profile=o[0],title=o[1],desc=o[2],img=o[3]; html+='‘; } html+=’
‘; r.innerHTML=html; setTimeout(function(){ var buttons=document.querySelectorAll(“.ogOptionBtn”); for(var i=0;i<buttons.length;i++){ buttons[i].addEventListener("click",function(e){ e.preventDefault(); e.stopPropagation(); OG_selectOption(this,this.getAttribute("data-profile")); }); } },50); scrollTop(); } function OG_selectOption(btn,profile){ if(state.locked)return; state.locked=true; var r=root(); if(!r)return; var buttons=r.querySelectorAll(".option"); for(var i=0;i<buttons.length;i++){buttons[i].disabled=true;buttons[i].classList.remove("selected")} btn.classList.add("selected"); state.answers[state.index]={question:questions[state.index].id,profile:profile}; setTimeout(function(){var n=state.index+1;if(feedbacks[n])OG_renderMiniFeedback(n);else OG_goNext()},350); } function OG_goNext(){ if(state.index<questions.length-1){state.index++;OG_renderQuestion()}else{OG_renderCapture()} } function OG_renderMiniFeedback(n){ state.step="feedback"; var bar=progressBar(),text=progressText(); if(text)text.textContent="Analisando"; if(bar)bar.style.width=Math.round((n/questions.length)*100)+"%"; var r=root(); if(!r)return; var fb=feedbacks[n]; r.innerHTML='Análise em andamento

‘+esc(fb.title)+’

‘+esc(fb.text)+’

Organizando suas respostas…

‘; setTimeout(function(){var mini=byId(“miniBar”);if(mini)mini.style.width=”100%”;setTimeout(function(){if(n>=questions.length)OG_renderCapture();else{state.index++;OG_renderQuestion()}},1100)},120); scrollTop(); } function OG_renderCapture(){ state.step=”capture”; setProgress(); var r=root(); if(!r)return; r.innerHTML=’Análise pronta

Sua análise foi concluída.

Informe seu melhor e-mail para liberar gratuitamente o relatório completo.

Informe um e-mail válido.
‘; setTimeout(function(){ bindButton(“ogEmailBtn”,OG_saveEmailAndResult); var f=byId(“emailField”); if(f)f.focus(); },50); scrollTop(); } function OG_saveEmailAndResult(){ var f=byId(“emailField”),err=byId(“emailError”); if(!f)return; var email=f.value.replace(/^\s+|\s+$/g,””); if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)){if(err)err.style.display=”block”;f.focus();return} if(err)err.style.display=”none”; state.email=email; OG_saveLeadData(); OG_launchConfetti(); setTimeout(function(){OG_renderResult()},850); } function emptyScores(){var o={};for(var i=0;i<profileOrder.length;i++)o[profileOrder[i]]=0;return o} function calculateScores(){ var scores=emptyScores(),direct=emptyScores(),recency=emptyScores(); for(var r=0;r<profileOrder.length;r++)recency[profileOrder[r]]=-1; for(var i=0;i<state.answers.length;i++){ var a=state.answers[i];if(!a)continue; var p=a.profile;scores[p]+=10;direct[p]++;recency[p]=i; var rel=profileRelations[p]||[]; for(var j=0;j<rel.length;j++)scores[rel[j]]+=1.5; } return{scores:scores,direct:direct,recency:recency}; } function getResults(){ var d=calculateScores(),ranked=[]; for(var i=0;i<profileOrder.length;i++)ranked.push([profileOrder[i],d.scores[profileOrder[i]]]); ranked.sort(function(a,b){if(b[1]!==a[1])return b[1]-a[1];if(d.direct[b[0]]!==d.direct[a[0]])return d.direct[b[0]]-d.direct[a[0]];return d.recency[b[0]]-d.recency[a[0]]}); var max=ranked[0][1]||1,pct={}; for(i=0;i<ranked.length;i++)pct[ranked[i][0]]=Math.round((ranked[i][1]/max)*100); var gap=ranked[0][1]-ranked[1][1]; var reliability=Math.round(Math.max(58,Math.min(96,64+gap*1.25))); var weight=0; for(i=0;i<state.answers.length;i++)weight+=politicalWeights[state.answers[i].profile]||0; var avg=state.answers.length?weight/state.answers.length:0; var scale=Math.round(Math.max(0,Math.min(100,50+(avg/3)*50))); var label="Centro"; if(scale<=35)label="Esquerda";else if(scale<=45)label="Centro-Esquerda";else if(scale<=54)label="Centro";else if(scale<=64)label="Centro-Direita";else label="Direita"; return{primary:ranked[0][0],secondary:ranked[1][0],ranked:ranked,percentages:pct,reliability:reliability,scale:scale,label:label}; } function renderChart(res){ var html='

Mapa de tendências

Todo mundo possui traços dos sete perfis. O gráfico mostra quais apareceram com mais força nas suas respostas.

‘; for(var i=0;i<res.ranked.length;i++){var p=res.ranked[i][0];html+='
‘+esc(getProfileName(p))+’
‘+res.percentages[p]+’%
‘} html+=’
‘; return html; } function renderReliability(res){ var text=”Suas respostas apresentaram uma tendência predominante clara ao longo das doze situações.”; if(res.reliability<72)text="Suas respostas se distribuíram entre diferentes formas de perceber. Isso não reduz a qualidade da análise; apenas indica uma leitura mais combinada."; else if(res.reliability<84)text="Suas respostas indicam uma tendência principal, acompanhada por outras formas relevantes de perceber."; return '

Consistência da análise

‘+res.reliability+’%

‘+esc(text)+’

Esse índice mostra o quanto suas respostas se concentraram em uma tendência principal ou se distribuíram entre diferentes formas de perceber.

‘; } function renderPoliticalScale(res){ return ‘

Tendência no espectro político

Com base nas suas respostas, pessoas com características semelhantes às suas costumam se aproximar desta região do espectro político.

ESQUERDACENTRODIREITA
‘+res.scale+’/100 · ‘+esc(res.label)+’

Isso não prende você a um rótulo. A régua mostra apenas uma tendência observada nesta combinação de respostas.

‘; } function OG_renderResult(){ state.step=”result”; setProgress(); var r=root(); if(!r)return; var res=getResults(),main=profiles[res.primary],sec=profiles[res.secondary]; r.innerHTML=’Resultado liberado

‘+esc(state.name)+’, seu perfil predominante é ‘+esc(getProfileName(res.primary))+’.

‘+esc(main.headline)+’

O que isso revela

‘+esc(main.desc)+’

Quando você entra em contato com uma situação complexa, sua atenção tende a ser capturada primeiro por:

‘+esc(main.notices)+’

‘+renderChart(res)+renderReliability(res)+renderPoliticalScale(res)+’

Tendência complementar: ‘+esc(getProfileName(res.secondary))+’

‘+esc(sec.headline)+’

Isso mostra que sua forma de interpretar o mundo não opera por uma única lente. Em determinados contextos, essa segunda tendência também influencia a maneira como você observa uma situação.

Pontos fortes

‘+esc(main.contributes)+’

Pontos de atenção

Toda forma de perceber a realidade possui vantagens e limitações.

‘+esc(main.overlooks)+’

Desenvolver consciência sobre essas tendências amplia sua capacidade de analisar situações complexas com mais equilíbrio.

‘; setTimeout(function(){bindButton(“ogCtaBtn”,OG_renderCTA)},50); scrollTop(); } function OG_renderCTA(){ state.step=”cta”; setProgress(); var r=root(); if(!r)return; r.innerHTML=’
Próxima etapa

O resultado que você viu é apenas a superfície.

O Quiz identificou quais tendências aparecem com mais frequência na forma como você observa o mundo.

Mas ele ainda não responde à pergunta mais importante:

Por que você interpreta dessa maneira?

Antes de formar uma opinião, sua mente já selecionou o que merece atenção, o que parece importante e o que será ignorado.

A próxima etapa revela esse mecanismo invisível.

‘; setTimeout(function(){bindButton(“ogVslBtn”,OG_goVSL)},50); scrollTop(); } function OG_goVSL(){ if(NEXT_STAGE_URL){location.href=NEXT_STAGE_URL}else{alert(“Substitua NEXT_STAGE_URL pelo link da VSL.”)} } function OG_saveLeadData(){ var res=getResults(); var payload={project:”O Gramofone”,source:”quiz_descobrir”,created_at:new Date().toISOString(),name:state.name,gender:state.gender,email:state.email,primary_profile:res.primary,secondary_profile:res.secondary,percentages:res.percentages,political_index:res.scale,political_label:res.label,answers:state.answers}; try{localStorage.setItem(“ogramofone_last_quiz_lead”,JSON.stringify(payload))}catch(e){} if(LEAD_ENDPOINT){try{fetch(LEAD_ENDPOINT,{method:”POST”,headers:{“Content-Type”:”application/json”},body:JSON.stringify(payload)})}catch(e){}} } function OG_launchConfetti(){ var layer=document.createElement(“div”); layer.className=”confettiLayer”; document.body.appendChild(layer); var colors=[“#b88a3a”,”#f2d18b”,”#7d1f1f”,”#d8c29a”,”#f2e4c7″]; for(var i=0;i<90;i++){ var piece=document.createElement("span"); piece.className="confettiPiece"; piece.style.left=(Math.random()*100)+"vw"; piece.style.background=colors[Math.floor(Math.random()*colors.length)]; piece.style.animationDelay=(Math.random()*.45)+"s"; piece.style.animationDuration=(1.8+Math.random()*1.4)+"s"; layer.appendChild(piece); } setTimeout(function(){if(layer&&layer.parentNode)layer.parentNode.removeChild(layer)},3600); } document.addEventListener("keydown",function(e){ if(e.key==="Enter"){ var active=document.activeElement; if(active&&active.id==="nameField"){e.preventDefault();OG_saveName()} if(active&&active.id==="emailField"){e.preventDefault();OG_saveEmailAndResult()} } }); function OG_boot(){ OG_renderStart(); setTimeout(function(){bindButton("ogStartBtn",OG_renderName)},100); setTimeout(function(){bindButton("ogStartBtn",OG_renderName)},500); setTimeout(function(){bindButton("ogStartBtn",OG_renderName)},1200); } if(document.readyState==="loading"){ document.addEventListener("DOMContentLoaded",OG_boot); }else{ OG_boot(); }