{"id":28744,"date":"2026-07-08T19:31:13","date_gmt":"2026-07-08T22:31:13","guid":{"rendered":"https:\/\/www.ufrgs.br\/litoral\/?page_id=28744"},"modified":"2026-07-08T19:59:10","modified_gmt":"2026-07-08T22:59:10","slug":"quiz-cursos","status":"publish","type":"page","link":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/","title":{"rendered":"Quiz cursos"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --green-900: #173404;\n    --green-800: #27500A;\n    --green-700: #3B6D11;\n    --green-600: #639922;\n    --green-200: #97C459;\n    --green-100: #C0DD97;\n    --green-50: #EAF3DE;\n    --teal-900: #04342C;\n    --teal-800: #085041;\n    --teal-700: #0F6E56;\n    --teal-500: #1D9E75;\n    --teal-300: #5DCAA5;\n    --teal-100: #9FE1CB;\n    --teal-50: #E1F5EE;\n    --gray-900: #2C2C2A;\n    --gray-800: #444441;\n    --gray-600: #5F5E5A;\n    --gray-400: #888780;\n    --gray-200: #B4B2A9;\n    --gray-100: #D3D1C7;\n    --gray-50: #F1EFE8;\n    --amber-800: #633806;\n    --amber-600: #854F0B;\n    --amber-500: #BA7517;\n    --amber-300: #EF9F27;\n    --amber-100: #FAC775;\n    --amber-50: #FAEEDA;\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .Cbody {\n    font-family: 'DM Sans', sans-serif;\n    background: #f5f3ee;\n    color: var(--gray-900);\n    min-height: 100vh;\n    overflow-x: hidden;\n  }\n\n  \/* Background pattern *\/\n  .Cbody::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image:\n      radial-gradient(circle at 20% 20%, rgba(99,153,34,0.07) 0%, transparent 50%),\n      radial-gradient(circle at 80% 80%, rgba(29,158,117,0.07) 0%, transparent 50%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .Ccontainer {\n    position: relative;\n    z-index: 1;\n    max-width: 680px;\n    margin: 0 auto;\n    padding: 2rem 1.25rem 4rem;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  .Cheader {\n    text-align: center;\n    padding: 3rem 0 2.5rem;\n  }\n\n  .campus-badge {\n    display: inline-block;\n    background: var(--green-800);\n    color: var(--green-50);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 100px;\n    margin-bottom: 1.5rem;\n  }\n\n  .Cheader h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 6vw, 3rem);\n    font-weight: 700;\n    color: var(--green-900);\n    line-height: 1.15;\n    margin-bottom: 1rem;\n  }\n\n  .Cheader p {\n    font-size: 1rem;\n    color: var(--gray-600);\n    max-width: 420px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  \/* \u2500\u2500 PROGRESS \u2500\u2500 *\/\n  .progress-wrap {\n    margin: 2rem 0 1.5rem;\n  }\n\n  .progress-info {\n    display: flex;\n    justify-content: space-between;\n    font-size: 13px;\n    color: var(--gray-600);\n    margin-bottom: 8px;\n  }\n\n  .progress-bar-bg {\n    height: 4px;\n    background: var(--gray-100);\n    border-radius: 100px;\n    overflow: hidden;\n  }\n\n  .progress-bar-fill {\n    height: 100%;\n    background: var(--green-600);\n    border-radius: 100px;\n    transition: width 0.5s cubic-bezier(0.4,0,0.2,1);\n  }\n\n  \/* \u2500\u2500 QUESTION CARD \u2500\u2500 *\/\n  .question-card {\n    background: #fff;\n    border-radius: 20px;\n    border: 1px solid rgba(0,0,0,0.06);\n    padding: 2rem 1.75rem;\n    margin-bottom: 1rem;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.05);\n  }\n\n  .question-num {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--green-600);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 0.75rem;\n  }\n\n  .question-text {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.1rem, 3.5vw, 1.35rem);\n    font-weight: 400;\n    color: var(--gray-900);\n    line-height: 1.4;\n    margin-bottom: 1.75rem;\n  }\n\n  \/* \u2500\u2500 OPTIONS \u2500\u2500 *\/\n  .options {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .option-btn {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 1rem 1.25rem;\n    border: 1.5px solid var(--gray-100);\n    border-radius: 12px;\n    background: #fff;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.2s ease;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.92rem;\n    color: var(--gray-900);\n    line-height: 1.45;\n    width: 100%;\n  }\n\n  .option-btn:hover {\n    border-color: var(--green-200);\n    background: var(--green-50);\n    transform: translateX(3px);\n  }\n\n  .option-btn.selected {\n    border-color: var(--green-600);\n    background: var(--green-50);\n    color: var(--green-800);\n  }\n\n  .option-letter {\n    flex-shrink: 0;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: var(--gray-50);\n    border: 1.5px solid var(--gray-100);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--gray-600);\n    transition: all 0.2s;\n  }\n\n  .option-btn.selected .option-letter {\n    background: var(--green-700);\n    border-color: var(--green-700);\n    color: #fff;\n  }\n\n  \/* \u2500\u2500 NAV BUTTONS \u2500\u2500 *\/\n  .nav-row {\n    display: flex;\n    gap: 10px;\n    margin-top: 1.5rem;\n  }\n\n  .btn-back {\n    padding: 0.85rem 1.5rem;\n    border: 1.5px solid var(--gray-200);\n    border-radius: 10px;\n    background: transparent;\n    color: var(--gray-600);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.92rem;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n\n  .btn-back:hover { border-color: var(--gray-400); color: var(--gray-900); }\n\n  .btn-next {\n    flex: 1;\n    padding: 0.85rem 1.5rem;\n    border: none;\n    border-radius: 10px;\n    background: var(--green-800);\n    color: #fff;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.95rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  .btn-next.enabled {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  .btn-next.enabled:hover {\n    background: var(--green-900);\n    transform: translateY(-1px);\n  }\n\n  \/* \u2500\u2500 RESULT SCREEN \u2500\u2500 *\/\n  #result-screen { display: none; }\n\n#res-curso{\ncolor:orange !important;\n}\n\n  .result-header {\n    text-align: center;\n    padding: 2.5rem 0 2rem;\n  }\n\n  .result-tag {\n    display: inline-block;\n    background: var(--green-50);\n    color: var(--green-700);\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 100px;\n    border: 1px solid var(--green-100);\n    margin-bottom: 1.25rem;\n  }\n\n  .result-header h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.6rem, 5vw, 2.2rem);\n    font-weight: 700;\n    color: var(--green-900);\n    line-height: 1.2;\n    margin-bottom: 0.5rem;\n  }\n\n  .result-header p {\n    font-size: 0.95rem;\n    color: var(--gray-600);\n  }\n\n  \/* Main result card *\/\n  .result-main-card {\n    background: var(--green-900);\n    border-radius: 20px;\n    padding: 2rem 1.75rem;\n    margin-bottom: 1.25rem;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .result-main-card::before {\n    content: '';\n    position: absolute;\n    top: -40px;\n    right: -40px;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.04);\n  }\n\n  .result-icon {\n    font-size: 2rem;\n    margin-bottom: 1rem;\n  }\n\n  .result-main-card h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.2rem, 4vw, 1.6rem);\n    color: #fff;\n    margin-bottom: 0.75rem;\n    line-height: 1.3;\n  }\n\n  .result-main-card p {\n    font-size: 0.9rem;\n    color: rgba(255,255,255,0.72);\n    line-height: 1.7;\n  }\n\n  \/* Area chip *\/\n  .area-chip {\n    display: inline-block;\n    background: rgba(255,255,255,0.12);\n    color: rgba(255,255,255,0.9);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 100px;\n    margin-bottom: 1rem;\n  }\n\n  \/* Also might like *\/\n  .also-title {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--gray-600);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin: 1.5rem 0 0.75rem;\n  }\n\n  .also-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n\n  .also-card {\n    background: #fff;\n    border: 1px solid var(--gray-100);\n    border-radius: 14px;\n    padding: 1rem 1.1rem;\n  }\n\n  .also-card-icon { font-size: 1.3rem; margin-bottom: 0.5rem; }\n\n  .also-card h4 {\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: var(--gray-900);\n    line-height: 1.35;\n    margin-bottom: 0.35rem;\n  }\n\n  .also-card p {\n    font-size: 0.75rem;\n    color: var(--gray-600);\n    line-height: 1.5;\n  }\n\n  \/* Retry *\/\n  .btn-retry {\n    display: block;\n    width: 100%;\n    padding: 1rem;\n    margin-top: 1.5rem;\n    border: 1.5px solid var(--gray-200);\n    border-radius: 12px;\n    background: transparent;\n    color: var(--gray-600);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.9rem;\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.2s;\n  }\n\n  .btn-retry:hover { border-color: var(--green-600); color: var(--green-700); }\n\n  \/* Animations *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .anim { animation: fadeUp 0.45s cubic-bezier(0.4,0,0.2,1) both; }\n  .anim-d1 { animation-delay: 0.05s; }\n  .anim-d2 { animation-delay: 0.12s; }\n  .anim-d3 { animation-delay: 0.2s; }\n  .anim-d4 { animation-delay: 0.28s; }\n  .anim-d5 { animation-delay: 0.36s; }\n<\/style>\n\n<div class=\"Cbody\">\n<div class=\"Ccontainer\">\n\n  <!-- \u2550\u2550\u2550 QUIZ SCREEN \u2550\u2550\u2550 -->\n  <div id=\"quiz-screen\">\n    <div class=\"header anim\">\n      <div class=\"campus-badge\">Orienta\u00e7\u00e3o de Curso<\/div>\n      <h1>Qual curso<br>\u00e9 pra voc\u00ea?<\/h1>\n      <p>Responda 8 perguntas r\u00e1pidas e descubra qual gradua\u00e7\u00e3o combina com o seu perfil.<\/p>\n    <\/div>\n\n    <div class=\"progress-wrap anim anim-d1\">\n      <div class=\"progress-info\">\n        <span id=\"prog-label\">Pergunta 1 de 8<\/span>\n        <span id=\"prog-pct\">0%<\/span>\n      <\/div>\n      <div class=\"progress-bar-bg\">\n        <div class=\"progress-bar-fill\" id=\"prog-fill\" style=\"width:0%\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"question-card anim anim-d2\" id=\"q-card\">\n      <div class=\"question-num\" id=\"q-num\">Pergunta 1<\/div>\n      <div class=\"question-text\" id=\"q-text\"><\/div>\n      <div class=\"options\" id=\"q-options\"><\/div>\n    <\/div>\n\n    <div class=\"nav-row anim anim-d3\">\n      <button class=\"btn-back\" id=\"btn-back\" onclick=\"goBack()\">\u2190 Voltar<\/button>\n      <button class=\"btn-next\" id=\"btn-next\" onclick=\"goNext()\">Pr\u00f3xima \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 RESULT SCREEN \u2550\u2550\u2550 -->\n  <div id=\"result-screen\">\n    <div class=\"result-header anim\">\n      <div class=\"result-tag\">Seu resultado<\/div>\n      <h2 id=\"res-headline\">Perfil encontrado!<\/h2>\n      <p id=\"res-sub\"><\/p>\n    <\/div>\n\n    <div class=\"result-main-card anim anim-d1\">\n      <div class=\"area-chip\" id=\"res-area\"><\/div>\n      <div class=\"result-icon\" id=\"res-icon\"><\/div>\n      <h3 id=\"res-curso\" style=\"color:orange !important\"><\/h3>\n      <p id=\"res-desc\"><\/p>\n    <\/div>\n\n    <div class=\"also-title anim anim-d2\">Voc\u00ea tamb\u00e9m pode gostar de<\/div>\n    <div class=\"also-grid anim anim-d3\" id=\"also-grid\"><\/div>\n\n    <button class=\"btn-retry anim anim-d4\" onclick=\"restart()\">\u21a9 Refazer o question\u00e1rio<\/button>\n  <\/div>\n\n<\/div>\n\n<script>\nconst questions = [\n  {\n    text: \"Quando voc\u00ea se imagina trabalhando, onde se sente mais realizado(a)?\",\n    options: [\n      { label: \"Em laborat\u00f3rios ou projetos de pesquisa cient\u00edfica\", tags: [\"bio\",\"ct\"] },\n      { label: \"Planejando e otimizando sistemas e processos\", tags: [\"es\",\"ege\"] },\n      { label: \"Em sala de aula ou em comunidades, ensinando e formando pessoas\", tags: [\"ped\",\"campo\",\"geo\"] },\n      { label: \"Na gest\u00e3o p\u00fablica, pol\u00edticas sociais e desenvolvimento regional\", tags: [\"gp\"] }\n    ]\n  },\n  {\n    text: \"Qual dessas atividades te daria mais prazer no dia a dia?\",\n    options: [\n      { label: \"Analisar dados, fazer experimentos e descobrir como as coisas funcionam\", tags: [\"bio\",\"ct\",\"ege\"] },\n      { label: \"Criar solu\u00e7\u00f5es para problemas de empresas ou cidades\", tags: [\"es\",\"gp\",\"ege\"] },\n      { label: \"Conviver com crian\u00e7as e adolescentes, contribuindo para sua forma\u00e7\u00e3o\", tags: [\"ped\",\"campo\"] },\n      { label: \"Entender o espa\u00e7o, o territ\u00f3rio e como as pessoas se relacionam com o ambiente\", tags: [\"geo\",\"campo\",\"gp\"] }\n    ]\n  },\n  {\n    text: \"Como voc\u00ea aprende melhor?\",\n    options: [\n      { label: \"Lendo, pesquisando e indo fundo em um assunto\", tags: [\"bio\",\"geo\",\"ct\"] },\n      { label: \"Resolvendo problemas pr\u00e1ticos e construindo coisas\", tags: [\"es\",\"ege\",\"ct\"] },\n      { label: \"Conversando, debatendo e aprendendo com outras pessoas\", tags: [\"ped\",\"campo\",\"gp\"] },\n      { label: \"Analisando casos reais e propondo melhorias\", tags: [\"gp\",\"ege\",\"es\"] }\n    ]\n  },\n  {\n    text: \"Qual \u00e1rea do conhecimento mais desperta seu interesse?\",\n    options: [\n      { label: \"Ci\u00eancias naturais: biologia, ecologia, meio ambiente\", tags: [\"bio\",\"campo\",\"geo\"] },\n      { label: \"Tecnologia, energia e inova\u00e7\u00e3o\", tags: [\"ct\",\"ege\",\"es\"] },\n      { label: \"Educa\u00e7\u00e3o, pedagogia e desenvolvimento humano\", tags: [\"ped\",\"campo\"] },\n      { label: \"Pol\u00edtica, sociedade, territ\u00f3rio e gest\u00e3o\", tags: [\"gp\",\"geo\"] }\n    ]\n  },\n  {\n    text: \"Com que tipo de pessoas voc\u00ea prefere trabalhar?\",\n    options: [\n      { label: \"Pesquisadores e cientistas em laborat\u00f3rios ou campo\", tags: [\"bio\",\"geo\",\"ct\"] },\n      { label: \"Engenheiros, gestores e equipes t\u00e9cnicas\", tags: [\"es\",\"ege\"] },\n      { label: \"Crian\u00e7as, jovens e comunidades vulner\u00e1veis\", tags: [\"ped\",\"campo\"] },\n      { label: \"Agentes p\u00fablicos, lideran\u00e7as e comunidades locais\", tags: [\"gp\",\"geo\"] }\n    ]\n  },\n  {\n    text: \"O que voc\u00ea gostaria de contribuir para o mundo?\",\n    options: [\n      { label: \"Avan\u00e7ar o conhecimento cient\u00edfico e proteger o meio ambiente\", tags: [\"bio\",\"geo\"] },\n      { label: \"Desenvolver tecnologias mais eficientes e sustent\u00e1veis\", tags: [\"ct\",\"ege\",\"es\"] },\n      { label: \"Transformar vidas atrav\u00e9s da educa\u00e7\u00e3o\", tags: [\"ped\",\"campo\"] },\n      { label: \"Melhorar pol\u00edticas p\u00fablicas e a vida nas regi\u00f5es menos favorecidas\", tags: [\"gp\",\"campo\"] }\n    ]\n  },\n  {\n    text: \"Qual mat\u00e9ria do ensino m\u00e9dio voc\u00ea mais se destacava?\",\n    options: [\n      { label: \"Biologia, Qu\u00edmica ou Ci\u00eancias\", tags: [\"bio\",\"ege\",\"ct\"] },\n      { label: \"F\u00edsica, Matem\u00e1tica ou Tecnologia\", tags: [\"ege\",\"es\",\"ct\"] },\n      { label: \"Geografia ou Hist\u00f3ria\", tags: [\"geo\",\"gp\",\"campo\"] },\n      { label: \"Portugu\u00eas, Sociologia ou Filosofia\", tags: [\"ped\",\"gp\",\"campo\"] }\n    ]\n  },\n  {\n    text: \"Qual \u00e9 a sua maior motiva\u00e7\u00e3o ao escolher uma carreira?\",\n    options: [\n      { label: \"Fazer descobertas e contribuir para a ci\u00eancia\", tags: [\"bio\",\"ct\",\"ege\"] },\n      { label: \"Ter uma carreira t\u00e9cnica valorizada no mercado\", tags: [\"es\",\"ege\"] },\n      { label: \"Impactar positivamente a educa\u00e7\u00e3o e as pessoas\", tags: [\"ped\",\"campo\"] },\n      { label: \"Trabalhar com pol\u00edticas p\u00fablicas e desenvolvimento social\", tags: [\"gp\",\"geo\"] }\n    ]\n  }\n];\n\nconst cursos = {\n  bio: {\n    nome: \"Bacharelado em Ci\u00eancias Biol\u00f3gicas\",\n    area: \"Ci\u00eancias da Vida\",\n    icon: \"\ud83d\udd2c\",\n    desc: \"Voc\u00ea tem perfil investigativo e ama entender como a vida funciona. Este curso abre portas para pesquisa cient\u00edfica, meio ambiente, biotecnologia e muito mais. Ideal para quem quer combinar rigor cient\u00edfico com impacto ambiental.\",\n    similar: [\"ct\",\"geo\",\"campo\"]\n  },\n  ct: {\n    nome: \"Bacharelado Interdisciplinar em Ci\u00eancias e Tecnologia\",\n    area: \"Ci\u00eancias Exatas & Tecnologia\",\n    icon: \"\u2699\ufe0f\",\n    desc: \"Seu perfil \u00e9 vers\u00e1til, anal\u00edtico e movido pela inova\u00e7\u00e3o. Este bacharelado interdisciplinar \u00e9 a porta de entrada para diversas engenharias e carreiras tecnol\u00f3gicas, com uma forma\u00e7\u00e3o s\u00f3lida e ampla.\",\n    similar: [\"ege\",\"es\",\"bio\"]\n  },\n  es: {\n    nome: \"Engenharia de Servi\u00e7os\",\n    area: \"Engenharia & Gest\u00e3o\",\n    icon: \"\ud83c\udfd7\ufe0f\",\n    desc: \"Voc\u00ea une vis\u00e3o t\u00e9cnica e capacidade de gest\u00e3o. A Engenharia de Servi\u00e7os forma profissionais para otimizar sistemas, processos e servi\u00e7os em empresas e organiza\u00e7\u00f5es, uma \u00e1rea em crescimento acelerado.\",\n    similar: [\"ege\",\"ct\",\"gp\"]\n  },\n  ege: {\n    nome: \"Engenharia de Gest\u00e3o de Energia\",\n    area: \"Energia & Sustentabilidade\",\n    icon: \"\u26a1\",\n    desc: \"Voc\u00ea tem interesse por tecnologia aliada \u00e0 sustentabilidade. Este curso \u00e9 para quem quer liderar a transi\u00e7\u00e3o energ\u00e9tica, trabalhar com energia renov\u00e1vel e gest\u00e3o eficiente de recursos.\",\n    similar: [\"es\",\"ct\",\"bio\"]\n  },\n  geo: {\n    nome: \"Licenciatura em Geografia\",\n    area: \"Educa\u00e7\u00e3o & Territ\u00f3rio\",\n    icon: \"\ud83c\udf0d\",\n    desc: \"Voc\u00ea enxerga o mundo al\u00e9m do mapa: entende rela\u00e7\u00f5es sociais, ambientais e territoriais. A licenciatura em Geografia forma educadores e pesquisadores com vis\u00e3o cr\u00edtica sobre o espa\u00e7o e a sociedade.\",\n    similar: [\"gp\",\"campo\",\"ped\"]\n  },\n  gp: {\n    nome: \"Gest\u00e3o P\u00fablica e Desenvolvimento Regional\",\n    area: \"Pol\u00edticas P\u00fablicas\",\n    icon: \"\ud83c\udfdb\ufe0f\",\n    desc: \"Voc\u00ea tem voca\u00e7\u00e3o para o bem coletivo e gosta de pensar em solu\u00e7\u00f5es para a sociedade. Este curso forma gestores p\u00fablicos capacitados a planejar e executar pol\u00edticas que transformam regi\u00f5es.\",\n    similar: [\"geo\",\"campo\",\"es\"]\n  },\n  ped: {\n    nome: \"Pedagogia\",\n    area: \"Educa\u00e7\u00e3o\",\n    icon: \"\ud83d\udcda\",\n    desc: \"Sua voca\u00e7\u00e3o \u00e9 ensinar e transformar vidas. A Pedagogia forma educadores para atuar desde a educa\u00e7\u00e3o infantil at\u00e9 a gest\u00e3o escolar, com foco no desenvolvimento integral das pessoas.\",\n    similar: [\"campo\",\"geo\",\"gp\"]\n  },\n  campo: {\n    nome: \"Licenciatura em Educa\u00e7\u00e3o para o Campo\",\n    area: \"Educa\u00e7\u00e3o & Territ\u00f3rios Rurais\",\n    icon: \"\ud83c\udf31\",\n    desc: \"Voc\u00ea tem sensibilidade social e desejo de impactar comunidades rurais e popula\u00e7\u00f5es do campo. Este curso forma educadores comprometidos com a justi\u00e7a social e o desenvolvimento sustent\u00e1vel dos territ\u00f3rios.\",\n    similar: [\"ped\",\"geo\",\"gp\"]\n  }\n};\n\nlet current = 0;\nlet answers = [];\nlet scores = {};\n\nfunction init() {\n  scores = { bio:0, ct:0, es:0, ege:0, geo:0, gp:0, ped:0, campo:0 };\n  current = 0;\n  answers = [];\n  renderQuestion();\n}\n\nfunction renderQuestion() {\n  const q = questions[current];\n  document.getElementById('q-num').textContent = `Pergunta ${current+1}`;\n  document.getElementById('q-text').textContent = q.text;\n\n  const letters = ['A','B','C','D'];\n  document.getElementById('q-options').innerHTML = q.options.map((opt,i) => `\n    <button class=\"option-btn ${answers[current]===i?'selected':''}\" onclick=\"selectOption(${i})\">\n      <span class=\"option-letter\">${letters[i]}<\/span>\n      <span>${opt.label}<\/span>\n    <\/button>\n  `).join('');\n\n  const pct = Math.round((current \/ questions.length) * 100);\n  document.getElementById('prog-label').textContent = `Pergunta ${current+1} de ${questions.length}`;\n  document.getElementById('prog-pct').textContent = pct + '%';\n  document.getElementById('prog-fill').style.width = pct + '%';\n  document.getElementById('prog-label').textContent = `Pergunta ${current+1} de ${questions.length}`;\n\n  const nextBtn = document.getElementById('btn-next');\n  const backBtn = document.getElementById('btn-back');\n\n  nextBtn.textContent = current === questions.length - 1 ? 'Ver meu resultado \u2192' : 'Pr\u00f3xima \u2192';\n  nextBtn.className = 'btn-next' + (answers[current] !== undefined ? ' enabled' : '');\n  backBtn.style.display = current === 0 ? 'none' : 'block';\n\n  \/\/ animate card\n  const card = document.getElementById('q-card');\n  card.style.animation = 'none';\n  card.offsetHeight;\n  card.style.animation = 'fadeUp 0.35s cubic-bezier(0.4,0,0.2,1) both';\n}\n\nfunction selectOption(i) {\n  answers[current] = i;\n  renderQuestion();\n}\n\nfunction goNext() {\n  if (answers[current] === undefined) return;\n  \/\/ add scores\n  questions[current].options[answers[current]].tags.forEach(t => { scores[t] = (scores[t]||0) + 1; });\n  if (current < questions.length - 1) {\n    current++;\n    renderQuestion();\n  } else {\n    showResult();\n  }\n}\n\nfunction goBack() {\n  if (current > 0) { current--; renderQuestion(); }\n}\n\nfunction showResult() {\n  \/\/ find top curso\n  const sorted = Object.entries(scores).sort((a,b) => b[1]-a[1]);\n  const top = sorted[0][0];\n  const curso = cursos[top];\n\n  document.getElementById('res-headline').textContent = `Voc\u00ea tem perfil para ${curso.area}!`;\n  document.getElementById('res-sub').textContent = 'Baseado nas suas respostas, encontramos a gradua\u00e7\u00e3o ideal para voc\u00ea.';\n  document.getElementById('res-area').textContent = curso.area;\n  document.getElementById('res-icon').textContent = curso.icon;\n  document.getElementById('res-curso').textContent = curso.nome;\n  document.getElementById('res-desc').textContent = curso.desc;\n\n  \/\/ also like\n  const alsoKeys = curso.similar.slice(0,2);\n  document.getElementById('also-grid').innerHTML = alsoKeys.map(k => {\n    const c = cursos[k];\n    return `\n      <div class=\"also-card\">\n        <div class=\"also-card-icon\">${c.icon}<\/div>\n        <h4>${c.nome}<\/h4>\n        <p>${c.area}<\/p>\n      <\/div>`;\n  }).join('');\n\n  document.getElementById('quiz-screen').style.display = 'none';\n  const rs = document.getElementById('result-screen');\n  rs.style.display = 'block';\n  rs.querySelectorAll('.anim').forEach((el,i) => {\n    el.style.animation = 'none';\n    el.offsetHeight;\n    el.style.animation = '';\n  });\n  window.scrollTo({top:0, behavior:'smooth'});\n}\n\nfunction restart() {\n  document.getElementById('result-screen').style.display = 'none';\n  document.getElementById('quiz-screen').style.display = 'block';\n  init();\n  window.scrollTo({top:0, behavior:'smooth'});\n}\n\ninit();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Orienta\u00e7\u00e3o de Curso Qual curso\u00e9 pra voc\u00ea? Responda 8 perguntas r\u00e1pidas e descubra qual gradua\u00e7\u00e3o combina com o seu perfil. Pergunta 1 de 8 0% Pergunta 1 \u2190 Voltar Pr\u00f3xima \u2192 Seu resultado Perfil encontrado! Voc\u00ea tamb\u00e9m pode gostar de [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-28744","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quiz cursos - UFRGS - Campus Litoral Norte<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quiz cursos - UFRGS - Campus Litoral Norte\" \/>\n<meta property=\"og:description\" content=\"Orienta\u00e7\u00e3o de Curso Qual curso\u00e9 pra voc\u00ea? Responda 8 perguntas r\u00e1pidas e descubra qual gradua\u00e7\u00e3o combina com o seu perfil. Pergunta 1 de 8 0% Pergunta 1 \u2190 Voltar Pr\u00f3xima \u2192 Seu resultado Perfil encontrado! Voc\u00ea tamb\u00e9m pode gostar de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/\" \/>\n<meta property=\"og:site_name\" content=\"UFRGS - Campus Litoral Norte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/ufrgslitoral\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-08T22:59:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/quiz-cursos\\\/\",\"url\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/quiz-cursos\\\/\",\"name\":\"Quiz cursos - UFRGS - Campus Litoral Norte\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/#website\"},\"datePublished\":\"2026-07-08T22:31:13+00:00\",\"dateModified\":\"2026-07-08T22:59:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/quiz-cursos\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/quiz-cursos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/quiz-cursos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quiz cursos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/#website\",\"url\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/\",\"name\":\"UFRGS - Campus Litoral Norte\",\"description\":\"Ensino p\u00fablico, gratuito e de qualidade\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/#organization\",\"name\":\"UFRGS - Campus Litoral Norte\",\"url\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/wp-content\\\/uploads\\\/UFRGS-LITORAL-original-2.png\",\"contentUrl\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/wp-content\\\/uploads\\\/UFRGS-LITORAL-original-2.png\",\"width\":674,\"height\":538,\"caption\":\"UFRGS - Campus Litoral Norte\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ufrgs.br\\\/litoral\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/ufrgslitoral\",\"https:\\\/\\\/instagram.com\\\/ufrgslitoral\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quiz cursos - UFRGS - Campus Litoral Norte","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/","og_locale":"pt_BR","og_type":"article","og_title":"Quiz cursos - UFRGS - Campus Litoral Norte","og_description":"Orienta\u00e7\u00e3o de Curso Qual curso\u00e9 pra voc\u00ea? Responda 8 perguntas r\u00e1pidas e descubra qual gradua\u00e7\u00e3o combina com o seu perfil. Pergunta 1 de 8 0% Pergunta 1 \u2190 Voltar Pr\u00f3xima \u2192 Seu resultado Perfil encontrado! Voc\u00ea tamb\u00e9m pode gostar de [&hellip;]","og_url":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/","og_site_name":"UFRGS - Campus Litoral Norte","article_publisher":"https:\/\/facebook.com\/ufrgslitoral","article_modified_time":"2026-07-08T22:59:10+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/","url":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/","name":"Quiz cursos - UFRGS - Campus Litoral Norte","isPartOf":{"@id":"https:\/\/www.ufrgs.br\/litoral\/#website"},"datePublished":"2026-07-08T22:31:13+00:00","dateModified":"2026-07-08T22:59:10+00:00","breadcrumb":{"@id":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ufrgs.br\/litoral\/quiz-cursos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.ufrgs.br\/litoral\/"},{"@type":"ListItem","position":2,"name":"Quiz cursos"}]},{"@type":"WebSite","@id":"https:\/\/www.ufrgs.br\/litoral\/#website","url":"https:\/\/www.ufrgs.br\/litoral\/","name":"UFRGS - Campus Litoral Norte","description":"Ensino p\u00fablico, gratuito e de qualidade","publisher":{"@id":"https:\/\/www.ufrgs.br\/litoral\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ufrgs.br\/litoral\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.ufrgs.br\/litoral\/#organization","name":"UFRGS - Campus Litoral Norte","url":"https:\/\/www.ufrgs.br\/litoral\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.ufrgs.br\/litoral\/#\/schema\/logo\/image\/","url":"https:\/\/www.ufrgs.br\/litoral\/wp-content\/uploads\/UFRGS-LITORAL-original-2.png","contentUrl":"https:\/\/www.ufrgs.br\/litoral\/wp-content\/uploads\/UFRGS-LITORAL-original-2.png","width":674,"height":538,"caption":"UFRGS - Campus Litoral Norte"},"image":{"@id":"https:\/\/www.ufrgs.br\/litoral\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/ufrgslitoral","https:\/\/instagram.com\/ufrgslitoral"]}]}},"_links":{"self":[{"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/pages\/28744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/comments?post=28744"}],"version-history":[{"count":20,"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/pages\/28744\/revisions"}],"predecessor-version":[{"id":28780,"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/pages\/28744\/revisions\/28780"}],"wp:attachment":[{"href":"https:\/\/www.ufrgs.br\/litoral\/wp-json\/wp\/v2\/media?parent=28744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}