Cart\u00e3o Certo \u2014 Descubra seu cart\u00e3o ideal<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bg:#F7F9FC;\r\n --surface:#FFFFFF;\r\n --line:#E4E9F2;\r\n --ink:#101828;\r\n --muted:#66738B;\r\n --blue:#2563EB;\r\n --blue-dark:#1D4ED8;\r\n --blue-soft:#EAF0FE;\r\n --blue-ring:rgba(37,99,235,0.16);\r\n --header-bg:#0F1B33;\r\n --radius:16px;\r\n --shadow: 0 20px 50px -24px rgba(16,24,40,0.18);\r\n --page-max-width: 34rem;\r\n }\r\n *{box-sizing:border-box;}\r\n html,body{margin:0;padding:0;}\r\n body{\r\n background:var(--bg);\r\n color:var(--ink);\r\n font-family:'Inter',sans-serif;\r\n min-height:100vh;\r\n display:flex;\r\n flex-direction:column;\r\n }\r\n .layout{display:flex; flex-direction:column; min-height:100vh;}\r\n\r\n \/* header *\/\r\n .header{\r\n background:var(--header-bg);\r\n padding:22px 16px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n .brand{display:flex; align-items:center; gap:9px;}\r\n .brand .mark{\r\n width:28px;height:20px;border-radius:5px;\r\n background:var(--blue);\r\n position:relative;\r\n }\r\n .brand .mark::after{\r\n content:\"\";\r\n position:absolute; left:4px; top:6px;\r\n width:11px;height:8px;border-radius:2px;\r\n background:rgba(255,255,255,0.6);\r\n }\r\n .brand span{\r\n font-family:'Fraunces',serif; font-weight:600;\r\n font-size:17px; letter-spacing:0.01em; color:#fff;\r\n }\r\n\r\n \/* main container *\/\r\n .container{\r\n flex:1;\r\n width:100%;\r\n max-width:var(--page-max-width);\r\n margin:0 auto;\r\n padding:36px 20px 44px;\r\n }\r\n\r\n .intro-block{margin-bottom:24px;}\r\n .intro-block h1{\r\n font-family:'Fraunces',serif; font-weight:600;\r\n font-size:clamp(24px,5.5vw,29px); line-height:1.2;\r\n margin:0 0 16px; color:var(--ink); text-align:center;\r\n }\r\n .intro-block .helper{\r\n font-weight:700; font-size:15px; margin:0 0 4px; text-align:center; color:var(--ink);\r\n }\r\n .intro-block .sub{\r\n font-size:14.5px; color:var(--muted); text-align:center; margin:0; line-height:1.55;\r\n }\r\n .intro-block .sub b{color:var(--ink);}\r\n\r\n \/* progress with nav arrows *\/\r\n .nav-row{\r\n display:flex; align-items:center; gap:12px;\r\n margin:26px 0 8px;\r\n }\r\n .nav-arrow{\r\n background:none; border:none; color:var(--muted);\r\n font-size:20px; line-height:1; cursor:pointer;\r\n padding:4px; border-radius:8px;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:color .15s ease;\r\n }\r\n .nav-arrow:hover:not(:disabled){color:var(--blue);}\r\n .nav-arrow:disabled{opacity:.3; cursor:not-allowed;}\r\n .progress-track{\r\n flex:1; height:8px; border-radius:6px;\r\n background:var(--line); overflow:hidden;\r\n }\r\n .progress-fill{\r\n height:100%; border-radius:6px;\r\n background:var(--blue);\r\n transition:width .35s ease;\r\n }\r\n .step-counter{\r\n text-align:center; font-family:'IBM Plex Mono',monospace;\r\n font-size:13px; color:var(--muted); margin-bottom:22px;\r\n }\r\n\r\n h2{\r\n font-family:'Fraunces',serif; font-weight:600;\r\n font-size:22px; line-height:1.3; margin:0 0 20px; color:var(--ink);\r\n text-align:center;\r\n }\r\n\r\n .options{display:flex; flex-direction:column; gap:12px; margin-bottom:6px;}\r\n .option{\r\n text-align:center;\r\n background:var(--surface);\r\n border:1.5px solid var(--blue);\r\n color:var(--blue);\r\n padding:15px 18px;\r\n border-radius:999px;\r\n font-family:'Inter',sans-serif;\r\n font-size:15.5px; font-weight:600;\r\n cursor:pointer;\r\n transition:all .15s ease;\r\n }\r\n .option:hover{background:var(--blue); color:#fff;}\r\n .option:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}\r\n .option.selected{background:var(--blue); color:#fff;}\r\n\r\n .cta-primary{\r\n display:block; width:100%;\r\n margin-top:22px;\r\n background:var(--blue);\r\n color:#fff;\r\n border:none;\r\n padding:15px 22px;\r\n border-radius:999px;\r\n font-family:'Inter',sans-serif;\r\n font-weight:600;\r\n font-size:15px;\r\n cursor:pointer;\r\n box-shadow:0 10px 24px -10px var(--blue-ring);\r\n transition:background .15s ease, transform .15s ease;\r\n }\r\n .cta-primary:hover{background:var(--blue-dark); transform:translateY(-1px);}\r\n\r\n \/* calculating *\/\r\n .calc-wrap{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px 0;}\r\n .gauge{\r\n width:140px; height:140px; border-radius:50%;\r\n background:conic-gradient(var(--blue) 0deg, var(--blue) var(--gaugeDeg,0deg), var(--line) var(--gaugeDeg,0deg));\r\n display:flex; align-items:center; justify-content:center;\r\n margin-bottom:20px;\r\n }\r\n .gauge-inner{\r\n width:110px; height:110px; border-radius:50%;\r\n background:var(--surface);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:24px; font-weight:600; color:var(--ink);\r\n }\r\n .calc-status{color:var(--muted); font-size:13.5px; min-height:20px;}\r\n\r\n \/* result *\/\r\n .result-card{\r\n border-radius:14px;\r\n padding:20px;\r\n background:var(--blue);\r\n color:#fff;\r\n margin-bottom:18px;\r\n }\r\n .result-card .tag{\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:10.5px; text-transform:uppercase; letter-spacing:.08em;\r\n background:rgba(255,255,255,0.18); padding:4px 9px; border-radius:20px;\r\n display:inline-block; margin-bottom:10px; font-weight:600;\r\n }\r\n .result-card h3{font-family:'Fraunces',serif; font-size:20px; margin:0 0 6px; text-align:left;}\r\n .result-card p{margin:0; font-size:13.5px; opacity:.9;}\r\n .match-list{display:flex; flex-direction:column; gap:8px; margin-bottom:6px;}\r\n .match-item{\r\n display:flex; justify-content:space-between; align-items:center;\r\n background:var(--surface); border:1px solid var(--line);\r\n padding:12px 14px; border-radius:10px; font-size:13.5px;\r\n }\r\n .match-item .pct{font-family:'IBM Plex Mono',monospace; color:var(--blue); font-weight:600;}\r\n\r\n \/* footer *\/\r\n .footer{\r\n background:var(--header-bg);\r\n color:#C7CEDE;\r\n padding:26px 20px 30px;\r\n text-align:center;\r\n }\r\n .footer-links{\r\n display:flex; gap:28px; justify-content:center;\r\n margin-bottom:16px; flex-wrap:wrap;\r\n }\r\n .footer-links a{\r\n color:#fff; font-weight:600; font-size:13.5px;\r\n text-decoration:none;\r\n }\r\n .footer-links a:hover{text-decoration:underline;}\r\n .footer-fine{\r\n font-size:11px; line-height:1.7; color:#8D97AE;\r\n max-width:640px; margin:0 auto;\r\n }\r\n\r\n .screen{animation:fadeSlide .35s ease;}\r\n @keyframes fadeSlide{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}\r\n\r\n @media (max-width:420px){\r\n .container{padding:28px 18px 36px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"layout\">\r\n\r\n <div class=\"header\">\r\n <div class=\"brand\">\r\n <div class=\"mark\"><\/div>\r\n <span>Cart\u00e3o Certo<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <main class=\"container\" id=\"mainContent\"><\/main>\r\n\r\n <div class=\"footer\">\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/destinodasferias.com.br\/termos-de-uso\/\" target=\"_blank\" rel=\"noopener\">Termos de uso<\/a>\r\n <a href=\"https:\/\/destinodasferias.com.br\/politica-de-privacidade\/\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de privacidade<\/a>\r\n <\/div>\r\n <div class=\"footer-fine\">\r\n O Cart\u00e3o Certo \u00e9 um servi\u00e7o de compara\u00e7\u00e3o e recomenda\u00e7\u00e3o de cart\u00f5es de cr\u00e9dito de terceiros. N\u00e3o somos uma institui\u00e7\u00e3o financeira e as sugest\u00f5es t\u00eam car\u00e1ter informativo, n\u00e3o constituindo aconselhamento financeiro. Podemos receber comiss\u00e3o de parceiros.\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const main = document.getElementById('mainContent');\r\n\r\n const questions = [\r\n {\r\n key:'teve_cartao',\r\n title:'Voc\u00ea j\u00e1 teve um cart\u00e3o de cr\u00e9dito antes?',\r\n options:[\r\n {label:'Sim', value:'ja_teve'},\r\n {label:'N\u00e3o', value:'nunca_teve'}\r\n ]\r\n },\r\n {\r\n key:'renda',\r\n title:'Qual \u00e9 sua faixa salarial atual?',\r\n options:[\r\n {label:'At\u00e9 R$ 1.500', value:'faixa1'},\r\n {label:'R$ 1.500 a R$ 3.000', value:'faixa2'},\r\n {label:'R$ 3.000 a R$ 6.000', value:'faixa3'},\r\n {label:'Acima de R$ 6.000', value:'faixa4'}\r\n ]\r\n },\r\n {\r\n key:'negativado',\r\n title:'Voc\u00ea est\u00e1 negativado?',\r\n options:[\r\n {label:'Sim', value:'negativado'},\r\n {label:'N\u00e3o', value:'limpo'},\r\n {label:'N\u00e3o sei', value:'incerto'}\r\n ]\r\n }\r\n ];\r\n\r\n let step = 0; \/\/ 0..2 = questions, 3 = calculating, 4 = result\r\n const answers = {};\r\n\r\n function navArrows(disablePrev, disableNext){\r\n return `\r\n <div class=\"nav-row\">\r\n <button class=\"nav-arrow\" id=\"prevBtn\" ${disablePrev ? 'disabled' : ''} aria-label=\"Pergunta anterior\">\u2190<\/button>\r\n <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${((step+1)\/questions.length)*100}%\"><\/div><\/div>\r\n <button class=\"nav-arrow\" id=\"nextBtn\" ${disableNext ? 'disabled' : ''} aria-label=\"Pr\u00f3xima pergunta\">\u2192<\/button>\r\n <\/div>\r\n <div class=\"step-counter\">${step+1} - ${questions.length}<\/div>\r\n `;\r\n }\r\n\r\n function renderQuestion(i){\r\n const q = questions[i];\r\n const answered = answers[q.key];\r\n main.innerHTML = `\r\n <div class=\"screen\">\r\n ${i === 0 ? `\r\n <div class=\"intro-block\">\r\n <h1>Cansado de ser negado toda vez que solicita um cart\u00e3o de cr\u00e9dito?<\/h1>\r\n <p class=\"helper\">N\u00f3s podemos te ajudar!<\/p>\r\n <p class=\"sub\">Responda nosso quiz e descubra em <b>30 segundos<\/b> o cart\u00e3o ideal para voc\u00ea!<\/p>\r\n <\/div>` : ''}\r\n ${navArrows(i === 0, !answered)}\r\n <h2>${q.title}<\/h2>\r\n <div class=\"options\">\r\n ${q.options.map(o => `<button class=\"option ${answered === o.value ? 'selected' : ''}\" data-value=\"${o.value}\">${o.label}<\/button>`).join('')}\r\n <\/div>\r\n <\/div>`;\r\n\r\n main.querySelectorAll('.option').forEach(btn => {\r\n btn.onclick = () => {\r\n answers[q.key] = btn.dataset.value;\r\n step++;\r\n render();\r\n };\r\n });\r\n\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n if(prevBtn) prevBtn.onclick = () => { step--; render(); };\r\n if(nextBtn) nextBtn.onclick = () => { if(answers[q.key]){ step++; render(); } };\r\n }\r\n\r\n function renderCalculating(){\r\n main.innerHTML = `\r\n <div class=\"screen calc-wrap\">\r\n <div class=\"gauge\" id=\"gauge\">\r\n <div class=\"gauge-inner\" id=\"gaugeText\">0%<\/div>\r\n <\/div>\r\n <h2 style=\"font-size:18px;\">Analisando seu perfil...<\/h2>\r\n <div class=\"calc-status\" id=\"calcStatus\">Cruzando dados com cart\u00f5es parceiros<\/div>\r\n <\/div>`;\r\n\r\n const gauge = document.getElementById('gauge');\r\n const gaugeText = document.getElementById('gaugeText');\r\n const status = document.getElementById('calcStatus');\r\n const messages = [\r\n 'Cruzando dados com cart\u00f5es parceiros',\r\n 'Verificando crit\u00e9rios de aprova\u00e7\u00e3o',\r\n 'Calculando compatibilidade de renda',\r\n 'Selecionando as melhores ofertas'\r\n ];\r\n let pct = 0, msgIndex = 0;\r\n status.textContent = messages[0];\r\n\r\n const interval = setInterval(() => {\r\n pct += Math.random()*18 + 10;\r\n if(pct >= 100){\r\n pct = 100;\r\n clearInterval(interval);\r\n setTimeout(() => { step++; render(); }, 400);\r\n }\r\n gauge.style.setProperty('--gaugeDeg', (pct*3.6)+'deg');\r\n gaugeText.textContent = Math.floor(pct)+'%';\r\n msgIndex = Math.min(messages.length-1, Math.floor(pct\/25));\r\n status.textContent = messages[msgIndex];\r\n }, 350);\r\n }\r\n\r\n function pickRecommendation(){\r\n if(answers.negativado === 'negativado'){\r\n return {\r\n name:'Cart\u00e3o Recome\u00e7o Digital',\r\n tag:'Maior chance de aprova\u00e7\u00e3o',\r\n desc:'Ideal para quem est\u00e1 negativado, com an\u00e1lise simplificada e sem consulta tradicional ao SPC\/Serasa.',\r\n matches:[\r\n {name:'Cart\u00e3o Recome\u00e7o Digital', pct:'96% compat\u00edvel'},\r\n {name:'Cart\u00e3o Pr\u00e9-pago Flex', pct:'89% compat\u00edvel'},\r\n {name:'Cart\u00e3o Consignado F\u00e1cil', pct:'75% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n if(answers.teve_cartao === 'nunca_teve'){\r\n return {\r\n name:'Cart\u00e3o Primeira Compra',\r\n tag:'Ideal para come\u00e7ar',\r\n desc:'Feito para quem nunca teve cart\u00e3o, com aprova\u00e7\u00e3o facilitada e limite inicial compat\u00edvel com sua renda.',\r\n matches:[\r\n {name:'Cart\u00e3o Primeira Compra', pct:'94% compat\u00edvel'},\r\n {name:'Cart\u00e3o Essencial Sem Anuidade', pct:'86% compat\u00edvel'},\r\n {name:'Cart\u00e3o Controle Digital', pct:'72% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n if(answers.renda === 'faixa4'){\r\n return {\r\n name:'Cart\u00e3o Vantagem Plus',\r\n tag:'Melhor custo-benef\u00edcio',\r\n desc:'Para quem j\u00e1 tem renda mais alta: mais limite, cashback e benef\u00edcios em compras do dia a dia.',\r\n matches:[\r\n {name:'Cart\u00e3o Vantagem Plus', pct:'95% compat\u00edvel'},\r\n {name:'Cart\u00e3o Viajante Gold', pct:'84% compat\u00edvel'},\r\n {name:'Cart\u00e3o Cashback Simples', pct:'78% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n return {\r\n name:'Cart\u00e3o Essencial Sem Anuidade',\r\n tag:'Aprova\u00e7\u00e3o facilitada',\r\n desc:'Sem anuidade, limite compat\u00edvel com sua renda e app completo para controlar seus gastos.',\r\n matches:[\r\n {name:'Cart\u00e3o Essencial Sem Anuidade', pct:'93% compat\u00edvel'},\r\n {name:'Cart\u00e3o Controle Digital', pct:'87% compat\u00edvel'},\r\n {name:'Cart\u00e3o Primeira Compra', pct:'71% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n\r\n function renderResult(){\r\n const rec = pickRecommendation();\r\n main.innerHTML = `\r\n <div class=\"screen\">\r\n <h2>Encontramos o cart\u00e3o ideal para o seu perfil<\/h2>\r\n <div class=\"result-card\">\r\n <span class=\"tag\">${rec.tag}<\/span>\r\n <h3>${rec.name}<\/h3>\r\n <p>${rec.desc}<\/p>\r\n <\/div>\r\n <div class=\"match-list\">\r\n ${rec.matches.map(m => `<div class=\"match-item\"><span>${m.name}<\/span><span class=\"pct\">${m.pct}<\/span><\/div>`).join('')}\r\n <\/div>\r\n <button class=\"cta-primary\" id=\"ctaOffer\">VER OFERTA COMPLETA \u2192<\/button>\r\n <\/div>`;\r\n document.getElementById('ctaOffer').onclick = () => {\r\n window.location.href = 'https:\/\/destinodasferias.com.br\/credito-para-negativado\/';\r\n };\r\n }\r\n\r\n function render(){\r\n if(step < questions.length){\r\n renderQuestion(step);\r\n } else if(step === questions.length){\r\n renderCalculating();\r\n } else {\r\n renderResult();\r\n }\r\n }\r\n\r\n render();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cart\u00e3o Certo \u2014 Descubra seu cart\u00e3o ideal Cart\u00e3o Certo Termos de uso Pol\u00edtica de privacidade O Cart\u00e3o Certo \u00e9 um […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19275","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages\/19275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/comments?post=19275"}],"version-history":[{"count":5,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages\/19275\/revisions"}],"predecessor-version":[{"id":19291,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages\/19275\/revisions\/19291"}],"wp:attachment":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/media?parent=19275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nCart\u00e3o Certo \u2014 Descubra seu cart\u00e3o ideal<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --bg:#F7F9FC;\r\n --surface:#FFFFFF;\r\n --line:#E4E9F2;\r\n --ink:#101828;\r\n --muted:#66738B;\r\n --blue:#2563EB;\r\n --blue-dark:#1D4ED8;\r\n --blue-soft:#EAF0FE;\r\n --blue-ring:rgba(37,99,235,0.16);\r\n --header-bg:#0F1B33;\r\n --radius:16px;\r\n --shadow: 0 20px 50px -24px rgba(16,24,40,0.18);\r\n --page-max-width: 34rem;\r\n }\r\n *{box-sizing:border-box;}\r\n html,body{margin:0;padding:0;}\r\n body{\r\n background:var(--bg);\r\n color:var(--ink);\r\n font-family:'Inter',sans-serif;\r\n min-height:100vh;\r\n display:flex;\r\n flex-direction:column;\r\n }\r\n .layout{display:flex; flex-direction:column; min-height:100vh;}\r\n\r\n \/* header *\/\r\n .header{\r\n background:var(--header-bg);\r\n padding:22px 16px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n .brand{display:flex; align-items:center; gap:9px;}\r\n .brand .mark{\r\n width:28px;height:20px;border-radius:5px;\r\n background:var(--blue);\r\n position:relative;\r\n }\r\n .brand .mark::after{\r\n content:\"\";\r\n position:absolute; left:4px; top:6px;\r\n width:11px;height:8px;border-radius:2px;\r\n background:rgba(255,255,255,0.6);\r\n }\r\n .brand span{\r\n font-family:'Fraunces',serif; font-weight:600;\r\n font-size:17px; letter-spacing:0.01em; color:#fff;\r\n }\r\n\r\n \/* main container *\/\r\n .container{\r\n flex:1;\r\n width:100%;\r\n max-width:var(--page-max-width);\r\n margin:0 auto;\r\n padding:36px 20px 44px;\r\n }\r\n\r\n .intro-block{margin-bottom:24px;}\r\n .intro-block h1{\r\n font-family:'Fraunces',serif; font-weight:600;\r\n font-size:clamp(24px,5.5vw,29px); line-height:1.2;\r\n margin:0 0 16px; color:var(--ink); text-align:center;\r\n }\r\n .intro-block .helper{\r\n font-weight:700; font-size:15px; margin:0 0 4px; text-align:center; color:var(--ink);\r\n }\r\n .intro-block .sub{\r\n font-size:14.5px; color:var(--muted); text-align:center; margin:0; line-height:1.55;\r\n }\r\n .intro-block .sub b{color:var(--ink);}\r\n\r\n \/* progress with nav arrows *\/\r\n .nav-row{\r\n display:flex; align-items:center; gap:12px;\r\n margin:26px 0 8px;\r\n }\r\n .nav-arrow{\r\n background:none; border:none; color:var(--muted);\r\n font-size:20px; line-height:1; cursor:pointer;\r\n padding:4px; border-radius:8px;\r\n display:flex; align-items:center; justify-content:center;\r\n transition:color .15s ease;\r\n }\r\n .nav-arrow:hover:not(:disabled){color:var(--blue);}\r\n .nav-arrow:disabled{opacity:.3; cursor:not-allowed;}\r\n .progress-track{\r\n flex:1; height:8px; border-radius:6px;\r\n background:var(--line); overflow:hidden;\r\n }\r\n .progress-fill{\r\n height:100%; border-radius:6px;\r\n background:var(--blue);\r\n transition:width .35s ease;\r\n }\r\n .step-counter{\r\n text-align:center; font-family:'IBM Plex Mono',monospace;\r\n font-size:13px; color:var(--muted); margin-bottom:22px;\r\n }\r\n\r\n h2{\r\n font-family:'Fraunces',serif; font-weight:600;\r\n font-size:22px; line-height:1.3; margin:0 0 20px; color:var(--ink);\r\n text-align:center;\r\n }\r\n\r\n .options{display:flex; flex-direction:column; gap:12px; margin-bottom:6px;}\r\n .option{\r\n text-align:center;\r\n background:var(--surface);\r\n border:1.5px solid var(--blue);\r\n color:var(--blue);\r\n padding:15px 18px;\r\n border-radius:999px;\r\n font-family:'Inter',sans-serif;\r\n font-size:15.5px; font-weight:600;\r\n cursor:pointer;\r\n transition:all .15s ease;\r\n }\r\n .option:hover{background:var(--blue); color:#fff;}\r\n .option:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}\r\n .option.selected{background:var(--blue); color:#fff;}\r\n\r\n .cta-primary{\r\n display:block; width:100%;\r\n margin-top:22px;\r\n background:var(--blue);\r\n color:#fff;\r\n border:none;\r\n padding:15px 22px;\r\n border-radius:999px;\r\n font-family:'Inter',sans-serif;\r\n font-weight:600;\r\n font-size:15px;\r\n cursor:pointer;\r\n box-shadow:0 10px 24px -10px var(--blue-ring);\r\n transition:background .15s ease, transform .15s ease;\r\n }\r\n .cta-primary:hover{background:var(--blue-dark); transform:translateY(-1px);}\r\n\r\n \/* calculating *\/\r\n .calc-wrap{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px 0;}\r\n .gauge{\r\n width:140px; height:140px; border-radius:50%;\r\n background:conic-gradient(var(--blue) 0deg, var(--blue) var(--gaugeDeg,0deg), var(--line) var(--gaugeDeg,0deg));\r\n display:flex; align-items:center; justify-content:center;\r\n margin-bottom:20px;\r\n }\r\n .gauge-inner{\r\n width:110px; height:110px; border-radius:50%;\r\n background:var(--surface);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:24px; font-weight:600; color:var(--ink);\r\n }\r\n .calc-status{color:var(--muted); font-size:13.5px; min-height:20px;}\r\n\r\n \/* result *\/\r\n .result-card{\r\n border-radius:14px;\r\n padding:20px;\r\n background:var(--blue);\r\n color:#fff;\r\n margin-bottom:18px;\r\n }\r\n .result-card .tag{\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:10.5px; text-transform:uppercase; letter-spacing:.08em;\r\n background:rgba(255,255,255,0.18); padding:4px 9px; border-radius:20px;\r\n display:inline-block; margin-bottom:10px; font-weight:600;\r\n }\r\n .result-card h3{font-family:'Fraunces',serif; font-size:20px; margin:0 0 6px; text-align:left;}\r\n .result-card p{margin:0; font-size:13.5px; opacity:.9;}\r\n .match-list{display:flex; flex-direction:column; gap:8px; margin-bottom:6px;}\r\n .match-item{\r\n display:flex; justify-content:space-between; align-items:center;\r\n background:var(--surface); border:1px solid var(--line);\r\n padding:12px 14px; border-radius:10px; font-size:13.5px;\r\n }\r\n .match-item .pct{font-family:'IBM Plex Mono',monospace; color:var(--blue); font-weight:600;}\r\n\r\n \/* footer *\/\r\n .footer{\r\n background:var(--header-bg);\r\n color:#C7CEDE;\r\n padding:26px 20px 30px;\r\n text-align:center;\r\n }\r\n .footer-links{\r\n display:flex; gap:28px; justify-content:center;\r\n margin-bottom:16px; flex-wrap:wrap;\r\n }\r\n .footer-links a{\r\n color:#fff; font-weight:600; font-size:13.5px;\r\n text-decoration:none;\r\n }\r\n .footer-links a:hover{text-decoration:underline;}\r\n .footer-fine{\r\n font-size:11px; line-height:1.7; color:#8D97AE;\r\n max-width:640px; margin:0 auto;\r\n }\r\n\r\n .screen{animation:fadeSlide .35s ease;}\r\n @keyframes fadeSlide{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}\r\n\r\n @media (max-width:420px){\r\n .container{padding:28px 18px 36px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"layout\">\r\n\r\n <div class=\"header\">\r\n <div class=\"brand\">\r\n <div class=\"mark\"><\/div>\r\n <span>Cart\u00e3o Certo<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <main class=\"container\" id=\"mainContent\"><\/main>\r\n\r\n <div class=\"footer\">\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/destinodasferias.com.br\/termos-de-uso\/\" target=\"_blank\" rel=\"noopener\">Termos de uso<\/a>\r\n <a href=\"https:\/\/destinodasferias.com.br\/politica-de-privacidade\/\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de privacidade<\/a>\r\n <\/div>\r\n <div class=\"footer-fine\">\r\n O Cart\u00e3o Certo \u00e9 um servi\u00e7o de compara\u00e7\u00e3o e recomenda\u00e7\u00e3o de cart\u00f5es de cr\u00e9dito de terceiros. N\u00e3o somos uma institui\u00e7\u00e3o financeira e as sugest\u00f5es t\u00eam car\u00e1ter informativo, n\u00e3o constituindo aconselhamento financeiro. Podemos receber comiss\u00e3o de parceiros.\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const main = document.getElementById('mainContent');\r\n\r\n const questions = [\r\n {\r\n key:'teve_cartao',\r\n title:'Voc\u00ea j\u00e1 teve um cart\u00e3o de cr\u00e9dito antes?',\r\n options:[\r\n {label:'Sim', value:'ja_teve'},\r\n {label:'N\u00e3o', value:'nunca_teve'}\r\n ]\r\n },\r\n {\r\n key:'renda',\r\n title:'Qual \u00e9 sua faixa salarial atual?',\r\n options:[\r\n {label:'At\u00e9 R$ 1.500', value:'faixa1'},\r\n {label:'R$ 1.500 a R$ 3.000', value:'faixa2'},\r\n {label:'R$ 3.000 a R$ 6.000', value:'faixa3'},\r\n {label:'Acima de R$ 6.000', value:'faixa4'}\r\n ]\r\n },\r\n {\r\n key:'negativado',\r\n title:'Voc\u00ea est\u00e1 negativado?',\r\n options:[\r\n {label:'Sim', value:'negativado'},\r\n {label:'N\u00e3o', value:'limpo'},\r\n {label:'N\u00e3o sei', value:'incerto'}\r\n ]\r\n }\r\n ];\r\n\r\n let step = 0; \/\/ 0..2 = questions, 3 = calculating, 4 = result\r\n const answers = {};\r\n\r\n function navArrows(disablePrev, disableNext){\r\n return `\r\n <div class=\"nav-row\">\r\n <button class=\"nav-arrow\" id=\"prevBtn\" ${disablePrev ? 'disabled' : ''} aria-label=\"Pergunta anterior\">\u2190<\/button>\r\n <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${((step+1)\/questions.length)*100}%\"><\/div><\/div>\r\n <button class=\"nav-arrow\" id=\"nextBtn\" ${disableNext ? 'disabled' : ''} aria-label=\"Pr\u00f3xima pergunta\">\u2192<\/button>\r\n <\/div>\r\n <div class=\"step-counter\">${step+1} - ${questions.length}<\/div>\r\n `;\r\n }\r\n\r\n function renderQuestion(i){\r\n const q = questions[i];\r\n const answered = answers[q.key];\r\n main.innerHTML = `\r\n <div class=\"screen\">\r\n ${i === 0 ? `\r\n <div class=\"intro-block\">\r\n <h1>Cansado de ser negado toda vez que solicita um cart\u00e3o de cr\u00e9dito?<\/h1>\r\n <p class=\"helper\">N\u00f3s podemos te ajudar!<\/p>\r\n <p class=\"sub\">Responda nosso quiz e descubra em <b>30 segundos<\/b> o cart\u00e3o ideal para voc\u00ea!<\/p>\r\n <\/div>` : ''}\r\n ${navArrows(i === 0, !answered)}\r\n <h2>${q.title}<\/h2>\r\n <div class=\"options\">\r\n ${q.options.map(o => `<button class=\"option ${answered === o.value ? 'selected' : ''}\" data-value=\"${o.value}\">${o.label}<\/button>`).join('')}\r\n <\/div>\r\n <\/div>`;\r\n\r\n main.querySelectorAll('.option').forEach(btn => {\r\n btn.onclick = () => {\r\n answers[q.key] = btn.dataset.value;\r\n step++;\r\n render();\r\n };\r\n });\r\n\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n if(prevBtn) prevBtn.onclick = () => { step--; render(); };\r\n if(nextBtn) nextBtn.onclick = () => { if(answers[q.key]){ step++; render(); } };\r\n }\r\n\r\n function renderCalculating(){\r\n main.innerHTML = `\r\n <div class=\"screen calc-wrap\">\r\n <div class=\"gauge\" id=\"gauge\">\r\n <div class=\"gauge-inner\" id=\"gaugeText\">0%<\/div>\r\n <\/div>\r\n <h2 style=\"font-size:18px;\">Analisando seu perfil...<\/h2>\r\n <div class=\"calc-status\" id=\"calcStatus\">Cruzando dados com cart\u00f5es parceiros<\/div>\r\n <\/div>`;\r\n\r\n const gauge = document.getElementById('gauge');\r\n const gaugeText = document.getElementById('gaugeText');\r\n const status = document.getElementById('calcStatus');\r\n const messages = [\r\n 'Cruzando dados com cart\u00f5es parceiros',\r\n 'Verificando crit\u00e9rios de aprova\u00e7\u00e3o',\r\n 'Calculando compatibilidade de renda',\r\n 'Selecionando as melhores ofertas'\r\n ];\r\n let pct = 0, msgIndex = 0;\r\n status.textContent = messages[0];\r\n\r\n const interval = setInterval(() => {\r\n pct += Math.random()*18 + 10;\r\n if(pct >= 100){\r\n pct = 100;\r\n clearInterval(interval);\r\n setTimeout(() => { step++; render(); }, 400);\r\n }\r\n gauge.style.setProperty('--gaugeDeg', (pct*3.6)+'deg');\r\n gaugeText.textContent = Math.floor(pct)+'%';\r\n msgIndex = Math.min(messages.length-1, Math.floor(pct\/25));\r\n status.textContent = messages[msgIndex];\r\n }, 350);\r\n }\r\n\r\n function pickRecommendation(){\r\n if(answers.negativado === 'negativado'){\r\n return {\r\n name:'Cart\u00e3o Recome\u00e7o Digital',\r\n tag:'Maior chance de aprova\u00e7\u00e3o',\r\n desc:'Ideal para quem est\u00e1 negativado, com an\u00e1lise simplificada e sem consulta tradicional ao SPC\/Serasa.',\r\n matches:[\r\n {name:'Cart\u00e3o Recome\u00e7o Digital', pct:'96% compat\u00edvel'},\r\n {name:'Cart\u00e3o Pr\u00e9-pago Flex', pct:'89% compat\u00edvel'},\r\n {name:'Cart\u00e3o Consignado F\u00e1cil', pct:'75% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n if(answers.teve_cartao === 'nunca_teve'){\r\n return {\r\n name:'Cart\u00e3o Primeira Compra',\r\n tag:'Ideal para come\u00e7ar',\r\n desc:'Feito para quem nunca teve cart\u00e3o, com aprova\u00e7\u00e3o facilitada e limite inicial compat\u00edvel com sua renda.',\r\n matches:[\r\n {name:'Cart\u00e3o Primeira Compra', pct:'94% compat\u00edvel'},\r\n {name:'Cart\u00e3o Essencial Sem Anuidade', pct:'86% compat\u00edvel'},\r\n {name:'Cart\u00e3o Controle Digital', pct:'72% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n if(answers.renda === 'faixa4'){\r\n return {\r\n name:'Cart\u00e3o Vantagem Plus',\r\n tag:'Melhor custo-benef\u00edcio',\r\n desc:'Para quem j\u00e1 tem renda mais alta: mais limite, cashback e benef\u00edcios em compras do dia a dia.',\r\n matches:[\r\n {name:'Cart\u00e3o Vantagem Plus', pct:'95% compat\u00edvel'},\r\n {name:'Cart\u00e3o Viajante Gold', pct:'84% compat\u00edvel'},\r\n {name:'Cart\u00e3o Cashback Simples', pct:'78% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n return {\r\n name:'Cart\u00e3o Essencial Sem Anuidade',\r\n tag:'Aprova\u00e7\u00e3o facilitada',\r\n desc:'Sem anuidade, limite compat\u00edvel com sua renda e app completo para controlar seus gastos.',\r\n matches:[\r\n {name:'Cart\u00e3o Essencial Sem Anuidade', pct:'93% compat\u00edvel'},\r\n {name:'Cart\u00e3o Controle Digital', pct:'87% compat\u00edvel'},\r\n {name:'Cart\u00e3o Primeira Compra', pct:'71% compat\u00edvel'}\r\n ]\r\n };\r\n }\r\n\r\n function renderResult(){\r\n const rec = pickRecommendation();\r\n main.innerHTML = `\r\n <div class=\"screen\">\r\n <h2>Encontramos o cart\u00e3o ideal para o seu perfil<\/h2>\r\n <div class=\"result-card\">\r\n <span class=\"tag\">${rec.tag}<\/span>\r\n <h3>${rec.name}<\/h3>\r\n <p>${rec.desc}<\/p>\r\n <\/div>\r\n <div class=\"match-list\">\r\n ${rec.matches.map(m => `<div class=\"match-item\"><span>${m.name}<\/span><span class=\"pct\">${m.pct}<\/span><\/div>`).join('')}\r\n <\/div>\r\n <button class=\"cta-primary\" id=\"ctaOffer\">VER OFERTA COMPLETA \u2192<\/button>\r\n <\/div>`;\r\n document.getElementById('ctaOffer').onclick = () => {\r\n window.location.href = 'https:\/\/destinodasferias.com.br\/credito-para-negativado\/';\r\n };\r\n }\r\n\r\n function render(){\r\n if(step < questions.length){\r\n renderQuestion(step);\r\n } else if(step === questions.length){\r\n renderCalculating();\r\n } else {\r\n renderResult();\r\n }\r\n }\r\n\r\n render();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cart\u00e3o Certo \u2014 Descubra seu cart\u00e3o ideal Cart\u00e3o Certo Termos de uso Pol\u00edtica de privacidade O Cart\u00e3o Certo \u00e9 um […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19275","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages\/19275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/comments?post=19275"}],"version-history":[{"count":5,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages\/19275\/revisions"}],"predecessor-version":[{"id":19291,"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/pages\/19275\/revisions\/19291"}],"wp:attachment":[{"href":"https:\/\/destinodasferias.com.br\/es\/wp-json\/wp\/v2\/media?parent=19275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}