{"id":660,"date":"2026-05-05T20:58:33","date_gmt":"2026-05-05T20:58:33","guid":{"rendered":"https:\/\/aerroctutoriais.com\/?p=660"},"modified":"2026-06-16T00:43:09","modified_gmt":"2026-06-16T00:43:09","slug":"660-2","status":"publish","type":"post","link":"https:\/\/aerroctutoriais.com\/es\/660-2\/","title":{"rendered":"Cuestionario del jugador"},"content":{"rendered":"\n<!-- ============================================================\n     QUIZ FUTEBOL - VERS\u00c3O WORDPRESS-SAFE\n     Cole este c\u00f3digo inteiro em um bloco \"HTML Personalizado\"\n     do Gutenberg ou em um shortcode\/widget de HTML.\n     \n     Tudo est\u00e1 com prefixo \"sfq-\" (SyncPay Futebol Quiz)\n     para n\u00e3o conflitar com nenhum tema ou plugin.\n     ============================================================ -->\n\n<div class=\"sfq-wrapper\" id=\"sfq-root\">\n  <div class=\"sfq-container\">\n    <div class=\"sfq-header\">\n      <span class=\"sfq-header-icon\">\u26bd<\/span>\n      <div class=\"sfq-header-title\">Quiz do Jogador<\/div>\n    <\/div>\n    <div class=\"sfq-app\" id=\"sfq-app\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Reset escopado - s\u00f3 afeta dentro de .sfq-wrapper *\/\n  .sfq-wrapper,\n  .sfq-wrapper *,\n  .sfq-wrapper *::before,\n  .sfq-wrapper *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .sfq-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    background: linear-gradient(135deg, #0a1628 0%, #0f2c1f 50%, #08200f 100%);\n    color: #ffffff;\n    min-height: 600px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 30px 16px;\n    position: relative;\n    overflow: hidden;\n    border-radius: 20px;\n    width: 100%;\n    line-height: 1.4;\n  }\n\n  .sfq-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: \n      radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.08) 0%, transparent 40%),\n      radial-gradient(circle at 80% 70%, rgba(250, 204, 21, 0.06) 0%, transparent 40%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .sfq-container {\n    width: 100%;\n    max-width: 520px;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* HEADER *\/\n  .sfq-header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .sfq-header-icon {\n    font-size: 32px;\n    margin-bottom: 8px;\n    display: inline-block;\n    animation: sfq-bounce 2s ease-in-out infinite;\n  }\n\n  @keyframes sfq-bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n  }\n\n  .sfq-header-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: #facc15;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    opacity: 0.9;\n  }\n\n  \/* PROGRESSO *\/\n  .sfq-progress-section {\n    margin-bottom: 28px;\n  }\n\n  .sfq-progress-info {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  .sfq-progress-text {\n    color: #94a3b8;\n  }\n\n  .sfq-progress-percent {\n    color: #22c55e;\n    font-weight: 700;\n  }\n\n  .sfq-progress-bar {\n    height: 8px;\n    background: rgba(255, 255, 255, 0.08);\n    border-radius: 100px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);\n  }\n\n  .sfq-progress-fill {\n    height: 100%;\n    background: linear-gradient(90deg, #22c55e 0%, #facc15 100%);\n    border-radius: 100px;\n    transition: width 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n    position: relative;\n    box-shadow: 0 0 12px rgba(34, 197, 94, 0.6);\n  }\n\n  .sfq-progress-fill::after {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n    animation: sfq-shimmer 2s infinite;\n  }\n\n  @keyframes sfq-shimmer {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n  }\n\n  \/* TELA INICIAL *\/\n  .sfq-start-screen {\n    text-align: center;\n    padding: 20px 0;\n    animation: sfq-fadeIn 0.5s ease-out;\n  }\n\n  .sfq-start-emoji {\n    font-size: 80px;\n    margin-bottom: 20px;\n    display: inline-block;\n    animation: sfq-spin 4s ease-in-out infinite;\n  }\n\n  @keyframes sfq-spin {\n    0%, 100% { transform: rotate(-10deg); }\n    50% { transform: rotate(10deg); }\n  }\n\n  .sfq-start-title {\n    font-size: 32px;\n    font-weight: 800;\n    margin-bottom: 16px;\n    line-height: 1.2;\n    background: linear-gradient(135deg, #ffffff 0%, #facc15 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    color: #facc15; \/* fallback *\/\n  }\n\n  .sfq-start-subtitle {\n    font-size: 16px;\n    color: #cbd5e1;\n    margin-bottom: 32px;\n    line-height: 1.5;\n    padding: 0 10px;\n  }\n\n  .sfq-start-features {\n    display: flex;\n    justify-content: center;\n    gap: 24px;\n    margin-bottom: 36px;\n    flex-wrap: wrap;\n  }\n\n  .sfq-feature {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .sfq-feature-icon {\n    font-size: 24px;\n  }\n\n  .sfq-feature-text {\n    font-size: 11px;\n    color: #94a3b8;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  .sfq-btn-start {\n    width: 100%;\n    padding: 18px 24px;\n    font-size: 17px;\n    font-weight: 700;\n    color: #0a1628;\n    background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);\n    border: none;\n    border-radius: 16px;\n    cursor: pointer;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 8px 24px rgba(250, 204, 21, 0.3);\n    transition: all 0.2s ease;\n    font-family: inherit;\n    line-height: 1.2;\n  }\n\n  .sfq-btn-start:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(250, 204, 21, 0.4);\n  }\n\n  .sfq-btn-start:active {\n    transform: translateY(2px);\n    box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3);\n  }\n\n  \/* PERGUNTA *\/\n  .sfq-question-screen {\n    animation: sfq-slideIn 0.4s ease-out;\n  }\n\n  @keyframes sfq-slideIn {\n    from { opacity: 0; transform: translateX(20px); }\n    to { opacity: 1; transform: translateX(0); }\n  }\n\n  .sfq-question-emoji {\n    font-size: 36px;\n    margin-bottom: 12px;\n    text-align: center;\n  }\n\n  .sfq-question-text {\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 28px;\n    text-align: center;\n    padding: 0 8px;\n    color: #ffffff;\n  }\n\n  .sfq-options {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .sfq-option {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 18px 20px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 2px solid rgba(255, 255, 255, 0.1);\n    border-radius: 16px;\n    cursor: pointer;\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    text-align: left;\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 500;\n    font-family: inherit;\n    width: 100%;\n    line-height: 1.3;\n  }\n\n  .sfq-option:hover {\n    background: rgba(34, 197, 94, 0.1);\n    border-color: rgba(34, 197, 94, 0.4);\n    transform: translateY(-2px);\n  }\n\n  .sfq-option:active {\n    transform: scale(0.97);\n    background: rgba(34, 197, 94, 0.2);\n    border-color: #22c55e;\n  }\n\n  .sfq-option-letter {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    border-radius: 50%;\n    font-weight: 800;\n    font-size: 15px;\n    color: #ffffff;\n    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);\n  }\n\n  .sfq-option-content {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  }\n\n  .sfq-option-text {\n    flex: 1;\n  }\n\n  .sfq-option-emoji {\n    font-size: 22px;\n  }\n\n  \/* CARREGAMENTO *\/\n  .sfq-loading-screen {\n    text-align: center;\n    padding: 40px 0;\n    animation: sfq-fadeIn 0.4s ease-out;\n  }\n\n  .sfq-loading-ball {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 32px;\n    position: relative;\n    animation: sfq-ballSpin 1.2s linear infinite;\n  }\n\n  @keyframes sfq-ballSpin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  .sfq-loading-ball::before {\n    content: '\u26bd';\n    font-size: 80px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .sfq-loading-title {\n    font-size: 26px;\n    font-weight: 800;\n    margin-bottom: 16px;\n    background: linear-gradient(135deg, #facc15 0%, #22c55e 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    color: #facc15;\n  }\n\n  .sfq-loading-dots {\n    font-size: 16px;\n    color: #94a3b8;\n    margin-bottom: 32px;\n  }\n\n  .sfq-loading-dots::after {\n    content: '';\n    animation: sfq-dots 1.5s infinite;\n  }\n\n  @keyframes sfq-dots {\n    0%, 20% { content: ''; }\n    40% { content: '.'; }\n    60% { content: '..'; }\n    80%, 100% { content: '...'; }\n  }\n\n  .sfq-loading-steps {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    max-width: 320px;\n    margin: 0 auto;\n  }\n\n  .sfq-loading-step {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    background: rgba(255, 255, 255, 0.04);\n    border-radius: 12px;\n    font-size: 14px;\n    color: #94a3b8;\n    opacity: 0;\n    animation: sfq-stepShow 0.5s forwards;\n  }\n\n  .sfq-loading-step.sfq-done {\n    color: #22c55e;\n    background: rgba(34, 197, 94, 0.1);\n  }\n\n  .sfq-loading-step:nth-child(1) { animation-delay: 0.2s; }\n  .sfq-loading-step:nth-child(2) { animation-delay: 0.9s; }\n  .sfq-loading-step:nth-child(3) { animation-delay: 1.6s; }\n\n  @keyframes sfq-stepShow {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .sfq-step-check {\n    font-size: 18px;\n  }\n\n  \/* RESULTADO *\/\n  .sfq-result-screen {\n    text-align: center;\n    animation: sfq-resultIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n    padding-bottom: 20px;\n  }\n\n  @keyframes sfq-resultIn {\n    from { opacity: 0; transform: scale(0.8); }\n    to { opacity: 1; transform: scale(1); }\n  }\n\n  .sfq-result-badge {\n    font-size: 14px;\n    color: #facc15;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 12px;\n  }\n\n  .sfq-result-emoji {\n    font-size: 90px;\n    margin-bottom: 16px;\n    display: inline-block;\n    animation: sfq-trophy 2s ease-in-out infinite;\n    filter: drop-shadow(0 8px 24px rgba(250, 204, 21, 0.4));\n  }\n\n  @keyframes sfq-trophy {\n    0%, 100% { transform: translateY(0) rotate(-3deg); }\n    50% { transform: translateY(-8px) rotate(3deg); }\n  }\n\n  .sfq-result-title {\n    font-size: 36px;\n    font-weight: 900;\n    margin-bottom: 20px;\n    background: linear-gradient(135deg, #facc15 0%, #22c55e 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    letter-spacing: -0.5px;\n    color: #facc15;\n    line-height: 1.1;\n  }\n\n  .sfq-result-card {\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 20px;\n    padding: 24px 20px;\n    margin-bottom: 24px;\n  }\n\n  .sfq-result-description {\n    font-size: 17px;\n    line-height: 1.6;\n    color: #e2e8f0;\n    font-weight: 500;\n  }\n\n  .sfq-result-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 8px;\n    margin-bottom: 28px;\n  }\n\n  .sfq-stat {\n    background: rgba(255, 255, 255, 0.04);\n    border-radius: 12px;\n    padding: 12px 6px;\n    text-align: center;\n  }\n\n  .sfq-stat.sfq-winner {\n    background: linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(34, 197, 94, 0.2));\n    border: 1px solid rgba(250, 204, 21, 0.4);\n  }\n\n  .sfq-stat-label {\n    font-size: 10px;\n    color: #94a3b8;\n    font-weight: 700;\n    text-transform: uppercase;\n    margin-bottom: 4px;\n    letter-spacing: 0.5px;\n  }\n\n  .sfq-stat.sfq-winner .sfq-stat-label {\n    color: #facc15;\n  }\n\n  .sfq-stat-value {\n    font-size: 20px;\n    font-weight: 800;\n    color: #ffffff;\n  }\n\n  .sfq-result-actions {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .sfq-btn-share {\n    padding: 16px;\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff;\n    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    border: none;\n    border-radius: 14px;\n    cursor: pointer;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.3);\n    transition: all 0.2s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-family: inherit;\n    line-height: 1.2;\n  }\n\n  .sfq-btn-share:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 24px rgba(34, 197, 94, 0.4);\n  }\n\n  .sfq-btn-share:active {\n    transform: translateY(2px);\n  }\n\n  .sfq-btn-restart {\n    padding: 14px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #94a3b8;\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 14px;\n    cursor: pointer;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: all 0.2s ease;\n    font-family: inherit;\n    line-height: 1.2;\n  }\n\n  .sfq-btn-restart:hover {\n    background: rgba(255, 255, 255, 0.05);\n    color: #ffffff;\n  }\n\n  @keyframes sfq-fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  \/* RESPONSIVO *\/\n  @media (max-width: 480px) {\n    .sfq-wrapper { padding: 20px 12px; border-radius: 12px; }\n    .sfq-start-title { font-size: 28px; }\n    .sfq-question-text { font-size: 19px; }\n    .sfq-result-title { font-size: 30px; }\n    .sfq-result-emoji { font-size: 76px; }\n    .sfq-start-emoji { font-size: 64px; }\n  }\n\n  @media (max-width: 360px) {\n    .sfq-option { padding: 14px 16px; font-size: 14px; }\n    .sfq-option-letter { width: 30px; height: 30px; min-width: 30px; font-size: 13px; }\n    .sfq-question-text { font-size: 17px; }\n    .sfq-start-title { font-size: 24px; }\n  }\n<\/style>\n\n<script nowprocket data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\">\n(function() {\n  'use strict';\n\n  \/\/ Evita execu\u00e7\u00e3o duplicada se o script for carregado mais de uma vez\n  if (window.__sfqQuizLoaded) return;\n  window.__sfqQuizLoaded = true;\n\n  var questions = [\n    {\n      emoji: '\ud83d\udd25',\n      text: 'Quando voc\u00ea joga com amigos, voc\u00ea normalmente:',\n      options: [\n        { text: 'Resolve o jogo', emoji: '\u26bd', value: 'A' },\n        { text: 'Organiza as jogadas', emoji: '\ud83c\udfaf', value: 'B' },\n        { text: 'Corre e marca', emoji: '\ud83d\udcaa', value: 'C' },\n        { text: 'Vai pela divers\u00e3o', emoji: '\ud83d\ude05', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83d\ude0e',\n      text: 'Se seus amigos te descrevessem no futebol, diriam que voc\u00ea \u00e9:',\n      options: [\n        { text: 'Diferenciado', emoji: '\u2728', value: 'A' },\n        { text: 'Inteligente', emoji: '\ud83e\udde0', value: 'B' },\n        { text: 'Ra\u00e7udo', emoji: '\ud83d\udd25', value: 'C' },\n        { text: 'Engra\u00e7ado', emoji: '\ud83d\ude02', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\u26a1',\n      text: 'P\u00eanalti decisivo\u2026 voc\u00ea:',\n      options: [\n        { text: 'Pede pra bater', emoji: '\ud83d\udd25', value: 'A' },\n        { text: 'S\u00f3 vai se precisar', emoji: '\ud83e\udd14', value: 'B' },\n        { text: 'Evita responsabilidade', emoji: '\ud83d\ude48', value: 'C' },\n        { text: 'J\u00e1 t\u00e1 rindo da situa\u00e7\u00e3o', emoji: '\ud83d\ude02', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83d\udc40',\n      text: 'Qual jogador voc\u00ea mais se identifica?',\n      options: [\n        { text: 'Lionel Messi', emoji: '\ud83d\udc10', value: 'A' },\n        { text: 'Kevin De Bruyne', emoji: '\ud83c\udfa9', value: 'B' },\n        { text: 'Casemiro', emoji: '\ud83d\udee1\ufe0f', value: 'C' },\n        { text: 'Ronaldinho Ga\u00facho', emoji: '\ud83e\udd19', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83e\udde0',\n      text: 'O que mais importa pra voc\u00ea no jogo?',\n      options: [\n        { text: 'Ser decisivo', emoji: '\ud83c\udfaf', value: 'A' },\n        { text: 'Fazer o time jogar', emoji: '\ud83c\udfbc', value: 'B' },\n        { text: 'N\u00e3o deixar o advers\u00e1rio crescer', emoji: '\ud83d\udeab', value: 'C' },\n        { text: 'Curtir o momento', emoji: '\ud83c\udf89', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83c\udfc6',\n      text: 'Final da Copa do Mundo\u2026 voc\u00ea prefere:',\n      options: [\n        { text: 'Fazer o gol do t\u00edtulo', emoji: '\u26bd', value: 'A' },\n        { text: 'Dar a assist\u00eancia', emoji: '\ud83c\udd70\ufe0f', value: 'B' },\n        { text: 'Salvar na defesa', emoji: '\ud83d\udee1\ufe0f', value: 'C' },\n        { text: 'Estar ali vivendo o momento', emoji: '\ud83d\ude4c', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\u2694\ufe0f',\n      text: 'Se o time t\u00e1 perdendo, voc\u00ea:',\n      options: [\n        { text: 'Chama a responsabilidade', emoji: '\ud83d\udcaa', value: 'A' },\n        { text: 'Tenta organizar o jogo', emoji: '\ud83d\udccb', value: 'B' },\n        { text: 'Marca mais forte ainda', emoji: '\ud83d\udd25', value: 'C' },\n        { text: 'Tenta manter o clima leve', emoji: '\ud83d\ude04', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83c\udfaf',\n      text: 'Seu maior defeito em campo:',\n      options: [\n        { text: 'Fominha', emoji: '\ud83c\udf54', value: 'A' },\n        { text: 'Perfeccionista', emoji: '\ud83d\udd0d', value: 'B' },\n        { text: 'Exagerado na for\u00e7a', emoji: '\ud83d\udca5', value: 'C' },\n        { text: 'Distra\u00eddo', emoji: '\ud83c\udf24\ufe0f', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83e\udde9',\n      text: 'O que voc\u00ea mais odeia no jogo:',\n      options: [\n        { text: 'Perder chances', emoji: '\ud83d\ude24', value: 'A' },\n        { text: 'Desorganiza\u00e7\u00e3o', emoji: '\ud83c\udf00', value: 'B' },\n        { text: 'Falta de esfor\u00e7o', emoji: '\ud83d\ude12', value: 'C' },\n        { text: 'Clima pesado', emoji: '\u2601\ufe0f', value: 'D' }\n      ]\n    },\n    {\n      emoji: '\ud83c\udfc1',\n      text: 'Se voc\u00ea ganhasse a Copa, qual seria seu pensamento?',\n      options: [\n        { text: '\"Eu fiz hist\u00f3ria.\"', emoji: '\ud83d\udc51', value: 'A' },\n        { text: '\"Meu time jogou perfeito.\"', emoji: '\ud83c\udfbc', value: 'B' },\n        { text: '\"Lutamos at\u00e9 o fim.\"', emoji: '\u2694\ufe0f', value: 'C' },\n        { text: '\"Que experi\u00eancia incr\u00edvel!\"', emoji: '\ud83c\udf89', value: 'D' }\n      ]\n    }\n  ];\n\n  var results = {\n    A: { emoji: '\ud83e\udd47', title: 'CRAQUE DECISIVO', description: 'Voc\u00ea nasceu pra resolver. Sob press\u00e3o, cresce. Estilo Lionel Messi.', badge: 'Seu Resultado' },\n    B: { emoji: '\ud83e\udde0', title: 'MAESTRO', description: 'Voc\u00ea faz o time funcionar. Vis\u00e3o acima da m\u00e9dia. O c\u00e9rebro do jogo.', badge: 'Seu Resultado' },\n    C: { emoji: '\ud83d\udee1\ufe0f', title: 'GUERREIRO', description: 'Ra\u00e7a, entrega e consist\u00eancia. Voc\u00ea ganha jogo sem aparecer.', badge: 'Seu Resultado' },\n    D: { emoji: '\ud83d\ude02', title: 'RESENHEIRO', description: 'Voc\u00ea \u00e9 o clima do time. Sem voc\u00ea, n\u00e3o tem jogo. E no fim\u2026 todo mundo gosta de voc\u00ea.', badge: 'Seu Resultado' }\n  };\n\n  var state = {\n    currentScreen: 'start',\n    currentQuestion: 0,\n    answers: { A: 0, B: 0, C: 0, D: 0 }\n  };\n\n  var app = document.getElementById('sfq-app');\n  var root = document.getElementById('sfq-root');\n\n  function escapeHtml(str) {\n    return String(str)\n      .replace(\/&\/g, '&amp;')\n      .replace(\/<\/g, '&lt;')\n      .replace(\/>\/g, '&gt;')\n      .replace(\/\"\/g, '&quot;')\n      .replace(\/'\/g, '&#39;');\n  }\n\n  function render() {\n    \/\/ Scroll suave para o topo do quiz a cada mudan\u00e7a de tela\n    if (root && root.scrollIntoView) {\n      try {\n        root.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      } catch (e) {}\n    }\n\n    if (state.currentScreen === 'start') renderStart();\n    else if (state.currentScreen === 'question') renderQuestion();\n    else if (state.currentScreen === 'loading') renderLoading();\n    else if (state.currentScreen === 'result') renderResult();\n  }\n\n  function renderStart() {\n    app.innerHTML =\n      '<div class=\"sfq-start-screen\">' +\n        '<div class=\"sfq-start-emoji\">\u26bd<\/div>' +\n        '<h1 class=\"sfq-start-title\">Que tipo de jogador<br>VOC\u00ca \u00e9?<\/h1>' +\n        '<p class=\"sfq-start-subtitle\">Descubra seu perfil em campo com 10 perguntas r\u00e1pidas e divertidas.<\/p>' +\n        '<div class=\"sfq-start-features\">' +\n          '<div class=\"sfq-feature\"><div class=\"sfq-feature-icon\">\u23f1\ufe0f<\/div><div class=\"sfq-feature-text\">2 min<\/div><\/div>' +\n          '<div class=\"sfq-feature\"><div class=\"sfq-feature-icon\">\u2753<\/div><div class=\"sfq-feature-text\">10 perguntas<\/div><\/div>' +\n          '<div class=\"sfq-feature\"><div class=\"sfq-feature-icon\">\ud83c\udfc6<\/div><div class=\"sfq-feature-text\">4 perfis<\/div><\/div>' +\n        '<\/div>' +\n        '<button type=\"button\" class=\"sfq-btn-start\" id=\"sfq-btn-start\">Come\u00e7ar Quiz \u26a1<\/button>' +\n      '<\/div>';\n\n    var btn = document.getElementById('sfq-btn-start');\n    if (btn) btn.addEventListener('click', startQuiz);\n  }\n\n  function renderQuestion() {\n    var q = questions[state.currentQuestion];\n    var total = questions.length;\n    var current = state.currentQuestion + 1;\n    var percent = Math.round((current \/ total) * 100);\n\n    var optionsHtml = '';\n    for (var i = 0; i < q.options.length; i++) {\n      var opt = q.options[i];\n      var letter = String.fromCharCode(65 + i);\n      optionsHtml +=\n        '<button type=\"button\" class=\"sfq-option\" data-value=\"' + escapeHtml(opt.value) + '\">' +\n          '<div class=\"sfq-option-letter\">' + letter + '<\/div>' +\n          '<div class=\"sfq-option-content\">' +\n            '<span class=\"sfq-option-text\">' + escapeHtml(opt.text) + '<\/span>' +\n            '<span class=\"sfq-option-emoji\">' + opt.emoji + '<\/span>' +\n          '<\/div>' +\n        '<\/button>';\n    }\n\n    app.innerHTML =\n      '<div class=\"sfq-progress-section\">' +\n        '<div class=\"sfq-progress-info\">' +\n          '<span class=\"sfq-progress-text\">Pergunta ' + current + ' de ' + total + '<\/span>' +\n          '<span class=\"sfq-progress-percent\">' + percent + '%<\/span>' +\n        '<\/div>' +\n        '<div class=\"sfq-progress-bar\"><div class=\"sfq-progress-fill\" style=\"width: ' + percent + '%\"><\/div><\/div>' +\n      '<\/div>' +\n      '<div class=\"sfq-question-screen\">' +\n        '<div class=\"sfq-question-emoji\">' + q.emoji + '<\/div>' +\n        '<h2 class=\"sfq-question-text\">' + escapeHtml(q.text) + '<\/h2>' +\n        '<div class=\"sfq-options\">' + optionsHtml + '<\/div>' +\n      '<\/div>';\n\n    var optionButtons = app.querySelectorAll('.sfq-option');\n    for (var j = 0; j < optionButtons.length; j++) {\n      optionButtons[j].addEventListener('click', function(e) {\n        var btn = e.currentTarget;\n        var value = btn.getAttribute('data-value');\n        answer(value);\n      });\n    }\n  }\n\n  function renderLoading() {\n    app.innerHTML =\n      '<div class=\"sfq-loading-screen\">' +\n        '<div class=\"sfq-loading-ball\"><\/div>' +\n        '<h2 class=\"sfq-loading-title\">Analisando o Seu Perfil<\/h2>' +\n        '<div class=\"sfq-loading-dots\">Aguarde um momento<\/div>' +\n        '<div class=\"sfq-loading-steps\">' +\n          '<div class=\"sfq-loading-step\" id=\"sfq-step-1\"><span class=\"sfq-step-check\">\u2699\ufe0f<\/span><span>Processando suas respostas<\/span><\/div>' +\n          '<div class=\"sfq-loading-step\" id=\"sfq-step-2\"><span class=\"sfq-step-check\">\ud83d\udcca<\/span><span>Calculando seu estilo de jogo<\/span><\/div>' +\n          '<div class=\"sfq-loading-step\" id=\"sfq-step-3\"><span class=\"sfq-step-check\">\ud83c\udfc6<\/span><span>Revelando seu perfil<\/span><\/div>' +\n        '<\/div>' +\n      '<\/div>';\n\n    setTimeout(function() {\n      var s = document.getElementById('sfq-step-1');\n      if (s) { s.classList.add('sfq-done'); s.querySelector('.sfq-step-check').textContent = '\u2705'; }\n    }, 700);\n    setTimeout(function() {\n      var s = document.getElementById('sfq-step-2');\n      if (s) { s.classList.add('sfq-done'); s.querySelector('.sfq-step-check').textContent = '\u2705'; }\n    }, 1500);\n    setTimeout(function() {\n      var s = document.getElementById('sfq-step-3');\n      if (s) { s.classList.add('sfq-done'); s.querySelector('.sfq-step-check').textContent = '\u2705'; }\n    }, 2200);\n\n    setTimeout(function() {\n      state.currentScreen = 'result';\n      render();\n    }, 2700);\n  }\n\n  function renderResult() {\n    var winner = calculateResult();\n    var result = results[winner];\n\n    app.innerHTML =\n      '<div class=\"sfq-result-screen\">' +\n        '<div class=\"sfq-result-badge\">' + escapeHtml(result.badge) + '<\/div>' +\n        '<div class=\"sfq-result-emoji\">' + result.emoji + '<\/div>' +\n        '<h1 class=\"sfq-result-title\">' + escapeHtml(result.title) + '<\/h1>' +\n        '<div class=\"sfq-result-card\"><p class=\"sfq-result-description\">' + escapeHtml(result.description) + '<\/p><\/div>' +\n        '<div class=\"sfq-result-stats\">' +\n          '<div class=\"sfq-stat ' + (winner === 'A' ? 'sfq-winner' : '') + '\"><div class=\"sfq-stat-label\">Craque<\/div><div class=\"sfq-stat-value\">' + state.answers.A + '<\/div><\/div>' +\n          '<div class=\"sfq-stat ' + (winner === 'B' ? 'sfq-winner' : '') + '\"><div class=\"sfq-stat-label\">Maestro<\/div><div class=\"sfq-stat-value\">' + state.answers.B + '<\/div><\/div>' +\n          '<div class=\"sfq-stat ' + (winner === 'C' ? 'sfq-winner' : '') + '\"><div class=\"sfq-stat-label\">Guerreiro<\/div><div class=\"sfq-stat-value\">' + state.answers.C + '<\/div><\/div>' +\n          '<div class=\"sfq-stat ' + (winner === 'D' ? 'sfq-winner' : '') + '\"><div class=\"sfq-stat-label\">Resenha<\/div><div class=\"sfq-stat-value\">' + state.answers.D + '<\/div><\/div>' +\n        '<\/div>' +\n        '<div class=\"sfq-result-actions\">' +\n          '<button type=\"button\" class=\"sfq-btn-share\" id=\"sfq-btn-share\">\ud83d\udcf2 Compartilhar Resultado<\/button>' +\n          '<button type=\"button\" class=\"sfq-btn-restart\" id=\"sfq-btn-restart\">\ud83d\udd04 Refazer Quiz<\/button>' +\n        '<\/div>' +\n      '<\/div>';\n\n    var shareBtn = document.getElementById('sfq-btn-share');\n    if (shareBtn) shareBtn.addEventListener('click', function() { shareResult(result.title, result.description); });\n    var restartBtn = document.getElementById('sfq-btn-restart');\n    if (restartBtn) restartBtn.addEventListener('click', restartQuiz);\n  }\n\n  function startQuiz() {\n    state.currentScreen = 'question';\n    state.currentQuestion = 0;\n    state.answers = { A: 0, B: 0, C: 0, D: 0 };\n    render();\n  }\n\n  function answer(value) {\n    state.answers[value]++;\n    if (state.currentQuestion < questions.length - 1) {\n      state.currentQuestion++;\n      state.currentScreen = 'question';\n      render();\n    } else {\n      state.currentScreen = 'loading';\n      render();\n    }\n  }\n\n  function calculateResult() {\n    var a = state.answers;\n    var max = Math.max(a.A, a.B, a.C, a.D);\n    if (a.A === max) return 'A';\n    if (a.B === max) return 'B';\n    if (a.C === max) return 'C';\n    return 'D';\n  }\n\n  function restartQuiz() {\n    state.currentScreen = 'start';\n    state.currentQuestion = 0;\n    state.answers = { A: 0, B: 0, C: 0, D: 0 };\n    render();\n  }\n\n  function shareResult(title, description) {\n    var text = '\u26bd Eu sou um ' + title + '!\\n\\n' + description + '\\n\\nDescubra qual \u00e9 o seu perfil de jogador!';\n    if (navigator.share) {\n      navigator.share({ title: 'Que tipo de jogador voc\u00ea \u00e9?', text: text }).catch(function() {});\n    } else {\n      try {\n        var textarea = document.createElement('textarea');\n        textarea.value = text;\n        textarea.style.position = 'fixed';\n        textarea.style.opacity = '0';\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n        alert('\u2705 Resultado copiado! Cole onde quiser compartilhar.');\n      } catch (e) {\n        alert('Compartilhe seu resultado com os amigos!');\n      }\n    }\n  }\n\n  \/\/ Inicializa quando o DOM estiver pronto\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', render);\n  } else {\n    render();\n  }\n})();\n<\/script>\n\n<!-- ============================================================\n     FIM DO QUIZ\n     ============================================================ -->\n","protected":false},"excerpt":{"rendered":"<p>\u26bd Cuestionario del jugador<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-660","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/posts\/660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/comments?post=660"}],"version-history":[{"count":2,"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/posts\/660\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/posts\/660\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/media?parent=660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/categories?post=660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aerroctutoriais.com\/es\/wp-json\/wp\/v2\/tags?post=660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}