{"id":1527,"date":"2026-03-11T13:32:54","date_gmt":"2026-03-11T16:32:54","guid":{"rendered":"https:\/\/www.emsintese.com.br\/cursos\/?p=1527"},"modified":"2026-03-11T13:32:55","modified_gmt":"2026-03-11T16:32:55","slug":"jogo-flashcard-sobre-gases-reais","status":"publish","type":"post","link":"http:\/\/www.emsintese.com.br\/cursos\/2026\/jogo-flashcard-sobre-gases-reais\/","title":{"rendered":"Jogo flashcard sobre gases reais"},"content":{"rendered":"\n<p>.<\/p>\n\n\n\n<!-- =====================================================\n     FLASHCARDS: GASES REAIS\n     WordPress \u2192 bloco \"HTML Personalizado\" (Custom HTML)\n     Cole todo este conte\u00fado no bloco e visualize.\n     ===================================================== -->\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/KaTeX\/0.16.9\/katex.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/KaTeX\/0.16.9\/katex.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/KaTeX\/0.16.9\/contrib\/auto-render.min.js\"><\/script>\n\n<style>\n#gr-flashcard {\n  font-family: Georgia, 'Times New Roman', serif;\n  background: #1a1208;\n  background-image:\n    radial-gradient(ellipse at 20% 20%, #2a1f0e 0%, transparent 60%),\n    radial-gradient(ellipse at 80% 80%, #0d2420 0%, transparent 60%);\n  border-radius: 20px;\n  padding: 2.4rem 1.2rem 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  max-width: 660px;\n  margin: 2rem auto;\n  box-sizing: border-box;\n}\n#gr-flashcard *, #gr-flashcard *::before, #gr-flashcard *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n#gr-flashcard .gr-header { text-align: center; margin-bottom: 1.6rem; }\n#gr-flashcard .gr-label {\n  display: block; font-size: 0.68rem; letter-spacing: 0.35em;\n  text-transform: uppercase; color: #c8960a; margin-bottom: 0.3rem;\n}\n#gr-flashcard .gr-title {\n  font-size: clamp(1.6rem, 4vw, 2.4rem); color: #f5efe0;\n  line-height: 1.1; font-weight: bold;\n  border: none !important; margin: 0 !important; padding: 0 !important;\n}\n#gr-flashcard .gr-title em { font-style: italic; color: #e8b830; }\n\n#gr-flashcard .gr-prog-wrap { width: 100%; max-width: 520px; margin-bottom: 1.4rem; }\n#gr-flashcard .gr-prog-meta {\n  display: flex; justify-content: space-between;\n  font-size: 0.72rem; color: #c8960a; letter-spacing: 0.08em; margin-bottom: 0.35rem;\n}\n#gr-flashcard .gr-prog-track { height: 3px; background: rgba(200,150,10,0.2); border-radius: 2px; }\n#gr-flashcard .gr-prog-fill {\n  height: 100%; background: linear-gradient(90deg, #c8960a, #e8b830);\n  border-radius: 2px; transition: width 0.5s ease; width: 0%;\n}\n\n#gr-flashcard .gr-card-wrap { width: 100%; max-width: 520px; margin-bottom: 1.4rem; }\n#gr-flashcard .gr-card {\n  width: 100%; min-height: 340px; border-radius: 14px;\n  padding: 2.2rem 2rem; display: flex; flex-direction: column;\n  align-items: center; justify-content: center; text-align: center;\n  box-shadow: 0 16px 40px rgba(0,0,0,0.6); position: relative;\n  cursor: pointer; transition: opacity 0.18s ease;\n}\n#gr-flashcard .gr-card.gr-fading { opacity: 0; }\n#gr-flashcard .gr-card::before, #gr-flashcard .gr-card::after {\n  content: ''; position: absolute; width: 44px; height: 44px;\n  border-color: #c8960a; border-style: solid; opacity: 0.38; pointer-events: none;\n}\n#gr-flashcard .gr-card::before { top: 13px; left: 13px; border-width: 2px 0 0 2px; border-radius: 3px 0 0 0; }\n#gr-flashcard .gr-card::after  { bottom: 13px; right: 13px; border-width: 0 2px 2px 0; border-radius: 0 0 3px 0; }\n#gr-flashcard .gr-card.gr-front { background: linear-gradient(135deg, #fdf8ee 0%, #ede0c4 100%); }\n#gr-flashcard .gr-card.gr-back  { background: linear-gradient(145deg, #1e6e6b 0%, #123e3c 100%); }\n\n#gr-flashcard .gr-cardnum {\n  position: absolute; top: 0.85rem; right: 1.1rem;\n  font-size: 0.62rem; letter-spacing: 0.2em; color: #c8960a; text-transform: uppercase;\n}\n#gr-flashcard .gr-topic {\n  font-size: 0.62rem; letter-spacing: 0.28em; text-transform: uppercase;\n  color: #8b3a1a; font-weight: bold; margin-bottom: 0.9rem;\n}\n#gr-flashcard .gr-question {\n  font-size: clamp(1rem, 2.8vw, 1.35rem); color: #1a1208;\n  line-height: 1.45; max-width: 34ch; font-weight: normal;\n  border: none !important; margin: 0 !important; padding: 0 !important;\n}\n#gr-flashcard .gr-hint {\n  position: absolute; bottom: 0.9rem; font-size: 0.65rem;\n  color: rgba(26,18,8,0.36); letter-spacing: 0.08em;\n}\n#gr-flashcard .gr-spin { display: inline-block; animation: gr-spin 3s linear infinite; }\n@keyframes gr-spin { to { transform: rotate(360deg); } }\n\n#gr-flashcard .gr-answer-label {\n  font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase;\n  color: #e8b830; font-weight: bold; margin-bottom: 0.9rem;\n}\n#gr-flashcard .gr-answer-body {\n  font-size: clamp(0.82rem, 1.8vw, 0.94rem); line-height: 1.85;\n  color: #dceeed; max-width: 44ch; width: 100%; text-align: center;\n}\n#gr-flashcard .gr-answer-body p {\n  margin-bottom: 0.5rem; padding: 0; border: none;\n  font-size: inherit; line-height: inherit; color: inherit;\n}\n#gr-flashcard .gr-eq-box {\n  background: rgba(0,0,0,0.28);\n  border: 1px solid rgba(200,150,10,0.35) !important;\n  border-radius: 10px; padding: 0.8rem 1rem;\n  margin: 0.75rem 0; width: 100%; overflow-x: auto; text-align: center;\n}\n\n\/* KaTeX colour overrides *\/\n#gr-flashcard .gr-back .katex,\n#gr-flashcard .gr-back .katex * { color: #e8b830 !important; }\n#gr-flashcard .gr-front .katex,\n#gr-flashcard .gr-front .katex * { color: #1a1208 !important; }\n\n#gr-flashcard .gr-controls {\n  display: flex; gap: 0.8rem; align-items: center;\n  flex-wrap: wrap; justify-content: center;\n}\n#gr-flashcard button {\n  font-family: Georgia, serif !important; font-size: 0.76rem !important;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  padding: 0.6rem 1.4rem !important; border-radius: 8px !important;\n  cursor: pointer; transition: all 0.18s;\n  border: none !important; outline: none;\n  line-height: 1.2 !important; box-shadow: none !important; text-decoration: none !important;\n}\n#gr-flashcard .gr-btn-flip {\n  background: #c8960a !important; color: #1a1208 !important;\n  font-weight: bold !important; padding: 0.68rem 1.8rem !important;\n}\n#gr-flashcard .gr-btn-flip:hover { background: #e8b830 !important; transform: translateY(-2px); }\n#gr-flashcard .gr-btn-nav {\n  background: transparent !important;\n  border: 1px solid rgba(200,150,10,0.4) !important; color: #c8960a !important;\n}\n#gr-flashcard .gr-btn-nav:hover:not(:disabled) { background: rgba(200,150,10,0.12) !important; transform: translateY(-2px); }\n#gr-flashcard .gr-btn-nav:disabled { opacity: 0.28; cursor: not-allowed; transform: none; }\n\n#gr-flashcard .gr-result {\n  display: none; flex-direction: column;\n  align-items: center; text-align: center; color: #f5efe0;\n}\n#gr-flashcard .gr-result.gr-show { display: flex; }\n#gr-flashcard .gr-trophy { font-size: 3.5rem; margin-bottom: 0.8rem; }\n#gr-flashcard .gr-result h2 {\n  font-size: 1.8rem; color: #e8b830; margin-bottom: 0.4rem;\n  border: none !important; padding: 0 !important;\n}\n#gr-flashcard .gr-result p {\n  font-size: 0.92rem; color: #9ab8b6; margin-bottom: 1.4rem;\n  border: none; padding: 0;\n}\n#gr-flashcard .gr-btn-restart {\n  background: #c8960a !important; color: #1a1208 !important;\n  font-weight: bold !important; padding: 0.8rem 2.2rem !important;\n  font-size: 0.86rem !important; border-radius: 10px !important;\n  cursor: pointer; border: none !important; transition: all 0.2s;\n}\n#gr-flashcard .gr-btn-restart:hover { background: #e8b830 !important; transform: translateY(-2px); }\n<\/style>\n\n<div id=\"gr-flashcard\">\n  <div class=\"gr-header\">\n    <span class=\"gr-label\">Qu\u00edmica \u2014 Termodin\u00e2mica<\/span>\n    <h2 class=\"gr-title\">Gases <em>Reais<\/em><\/h2>\n  <\/div>\n\n  <div class=\"gr-prog-wrap\">\n    <div class=\"gr-prog-meta\">\n      <span id=\"gr-prog-label\">Card 1 de 5<\/span>\n      <span id=\"gr-prog-pct\">0%<\/span>\n    <\/div>\n    <div class=\"gr-prog-track\">\n      <div class=\"gr-prog-fill\" id=\"gr-prog-fill\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"gr-game\">\n    <div class=\"gr-card-wrap\">\n      <div class=\"gr-card gr-front\" id=\"gr-card\"><\/div>\n    <\/div>\n    <div class=\"gr-controls\">\n      <button class=\"gr-btn-nav\" id=\"gr-prev\" onclick=\"grNavigate(-1)\" disabled>\u2190 Anterior<\/button>\n      <button class=\"gr-btn-flip\" onclick=\"grFlip()\">Virar Card \u21bb<\/button>\n      <button class=\"gr-btn-nav\" id=\"gr-next\" onclick=\"grNavigate(1)\">Pr\u00f3ximo \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"gr-result\" id=\"gr-result\">\n    <div class=\"gr-trophy\">\ud83c\udfc6<\/div>\n    <h2>Parab\u00e9ns!<\/h2>\n    <p>Voc\u00ea completou todos os flashcards sobre Gases Reais!<\/p>\n    <button class=\"gr-btn-restart\" onclick=\"grRestart()\">Recome\u00e7ar<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var grCards = [\n    {\n      topic: \"Equa\u00e7\u00e3o de Estado\",\n      question: \"Qual \u00e9 a Equa\u00e7\u00e3o de Van der Waals e o que cada termo representa?\",\n      answer: '<p>A equa\u00e7\u00e3o corrige os desvios do g\u00e1s ideal:<\/p><div class=\"gr-eq-box\">\\\\[\\\\left(P + \\\\frac{a n^2}{V^2}\\\\right)\\\\left(V - nb\\\\right) = nRT\\\\]<\/div><p>\\\\(a\\\\) corrige a <strong style=\"color:#e8b830\">atra\u00e7\u00e3o intermolecular<\/strong>.<br>\\\\(b\\\\) corrige o <strong style=\"color:#e8b830\">volume finito<\/strong> das mol\u00e9culas.<br>Para g\u00e1s ideal: \\\\(a = b = 0\\\\).<\/p>'\n    },\n    {\n      topic: \"Fator de Compressibilidade\",\n      question: \"O que \u00e9 o fator de compressibilidade Z e o que seus valores indicam?\",\n      answer: '<p>O fator \\\\(Z\\\\) mede o desvio em rela\u00e7\u00e3o ao g\u00e1s ideal:<\/p><div class=\"gr-eq-box\">\\\\[Z = \\\\frac{PV}{nRT}\\\\]<\/div><p>\\\\(Z = 1\\\\): g\u00e1s ideal.<br>\\\\(Z < 1\\\\): for\u00e7as <strong style=\"color:#e8b830\">atrativas<\/strong> dominam.<br>\\\\(Z > 1\\\\): for\u00e7as <strong style=\"color:#e8b830\">repulsivas<\/strong> dominam.<\/p>'\n    },\n    {\n      topic: \"Temperatura de Boyle\",\n      question: \"O que \u00e9 a Temperatura de Boyle e como calcul\u00e1-la a partir de Van der Waals?\",\n      answer: '<p>Temperatura em que o <strong style=\"color:#e8b830\">segundo coeficiente virial \u00e9 zero<\/strong>, ou seja, as contribui\u00e7\u00f5es atrativas e repulsivas se cancelam em baixas press\u00f5es:<\/p><div class=\"gr-eq-box\">\\\\[T_B = \\\\frac{a}{Rb}\\\\]<\/div><p>Acima de \\\\(T_B\\\\): efeitos repulsivos dominam.<br>Abaixo de \\\\(T_B\\\\): efeitos atrativos dominam.<\/p>'\n    },\n    {\n      topic: \"Ponto Cr\u00edtico\",\n      question: \"Como obter Tc, Pc e Vc a partir dos par\u00e2metros de Van der Waals?\",\n      answer: '<p>No ponto cr\u00edtico as duas derivadas em \\\\(V\\\\) se anulam:<\/p><div class=\"gr-eq-box\">\\\\[T_c = \\\\frac{8a}{27Rb} \\\\qquad P_c = \\\\frac{a}{27b^2} \\\\qquad V_c = 3nb\\\\]<\/div><p>Pela equa\u00e7\u00e3o de Van der Waals, o fator cr\u00edtico <strong style=\"color:#e8b830\">previsto pelo modelo<\/strong> \u00e9:<br>\\\\(Z_c = \\\\dfrac{P_c V_c}{nRT_c} = \\\\dfrac{3}{8} \\\\approx 0{,}375\\\\) (resultado te\u00f3rico; valores experimentais diferem).<\/p>'\n    },\n    {\n      topic: \"Lei dos Estados Correspondentes\",\n      question: \"Escreva a equa\u00e7\u00e3o de Van der Waals em vari\u00e1veis reduzidas e enuncie a lei.\",\n      answer: '<p>Definindo \\\\(\\\\Pi = P\/P_c\\\\), \\\\(\\\\phi = V\/V_c\\\\), \\\\(\\\\tau = T\/T_c\\\\):<\/p><div class=\"gr-eq-box\">\\\\[\\\\left(\\\\Pi + \\\\frac{3}{\\\\phi^2}\\\\right)\\\\left(3\\\\phi - 1\\\\right) = 8\\\\tau\\\\]<\/div><p>Gases no mesmo estado reduzido possuem o mesmo \\\\(Z\\\\), independentemente da subst\u00e2ncia.<\/p>'\n    }\n  ];\n\n  var grCurrent = 0;\n  var grFlipped = false;\n  var grSeen = {};\n\n  function grRender(el) {\n    renderMathInElement(el, {\n      delimiters: [\n        { left: \"\\\\[\", right: \"\\\\]\", display: true },\n        { left: \"\\\\(\", right: \"\\\\)\", display: false }\n      ],\n      throwOnError: false\n    });\n  }\n\n  function grShowFront() {\n    var c = grCards[grCurrent];\n    var el = document.getElementById('gr-card');\n    el.className = 'gr-card gr-front';\n    el.innerHTML =\n      '<span class=\"gr-cardnum\">0' + (grCurrent + 1) + ' \/ 05<\/span>' +\n      '<span class=\"gr-topic\">' + c.topic + '<\/span>' +\n      '<p class=\"gr-question\">' + c.question + '<\/p>' +\n      '<span class=\"gr-hint\"><span class=\"gr-spin\">&#8635;<\/span>&nbsp;clique para revelar<\/span>';\n    grRender(el);\n  }\n\n  function grShowBack() {\n    var c = grCards[grCurrent];\n    var el = document.getElementById('gr-card');\n    el.className = 'gr-card gr-back';\n    el.innerHTML =\n      '<span class=\"gr-cardnum\" style=\"color:rgba(232,184,48,0.7)\">0' + (grCurrent + 1) + ' \/ 05<\/span>' +\n      '<span class=\"gr-answer-label\">Resposta<\/span>' +\n      '<div class=\"gr-answer-body\">' + c.answer + '<\/div>';\n    grRender(el);\n    grSeen[grCurrent] = true;\n    grUpdateProgress();\n  }\n\n  function grUpdateProgress() {\n    var count = Object.keys(grSeen).length;\n    var pct = Math.round((count \/ grCards.length) * 100);\n    document.getElementById('gr-prog-label').textContent = 'Card ' + (grCurrent + 1) + ' de ' + grCards.length;\n    document.getElementById('gr-prog-pct').textContent = pct + '%';\n    document.getElementById('gr-prog-fill').style.width = pct + '%';\n  }\n\n  window.grFlip = function() {\n    var el = document.getElementById('gr-card');\n    el.classList.add('gr-fading');\n    setTimeout(function() {\n      grFlipped = !grFlipped;\n      if (grFlipped) { grShowBack(); } else { grShowFront(); }\n      el.classList.remove('gr-fading');\n    }, 180);\n  };\n\n  window.grNavigate = function(dir) {\n    var next = grCurrent + dir;\n    if (next < 0) return;\n    if (next >= grCards.length) {\n      document.getElementById('gr-game').style.display = 'none';\n      document.getElementById('gr-result').classList.add('gr-show');\n      document.getElementById('gr-prog-fill').style.width = '100%';\n      document.getElementById('gr-prog-pct').textContent = '100%';\n      return;\n    }\n    grCurrent = next;\n    grFlipped = false;\n    grShowFront();\n    grUpdateProgress();\n    document.getElementById('gr-prev').disabled = (grCurrent === 0);\n    document.getElementById('gr-next').textContent = grCurrent === grCards.length - 1 ? 'Concluir \\u2713' : 'Pr\\u00f3ximo \\u2192';\n  };\n\n  window.grRestart = function() {\n    grCurrent = 0; grFlipped = false; grSeen = {};\n    document.getElementById('gr-result').classList.remove('gr-show');\n    document.getElementById('gr-game').style.display = '';\n    grShowFront();\n    grUpdateProgress();\n    document.getElementById('gr-prev').disabled = true;\n    document.getElementById('gr-next').textContent = 'Pr\\u00f3ximo \\u2192';\n  };\n\n  document.getElementById('gr-card').addEventListener('click', window.grFlip);\n\n  \/\/ Aguarda KaTeX estar pronto antes de renderizar\n  function grInit() {\n    grShowFront();\n    grUpdateProgress();\n  }\n\n  \/\/ KaTeX j\u00e1 carregado via <script> tags acima \u2014 espera DOM + scripts prontos\n  if (typeof renderMathInElement === 'function') {\n    grInit();\n  } else {\n    \/\/ fallback: aguarda at\u00e9 3s pelo KaTeX\n    var waited = 0;\n    var interval = setInterval(function() {\n      if (typeof renderMathInElement === 'function') {\n        clearInterval(interval);\n        grInit();\n      } else if (waited > 3000) {\n        clearInterval(interval);\n        grInit(); \/\/ tenta mesmo assim\n      }\n      waited += 100;\n    }, 100);\n  }\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>. Qu\u00edmica \u2014 Termodin\u00e2mica Gases Reais Card 1 de 5 0% \u2190 Anterior Virar Card \u21bb Pr\u00f3ximo \u2192 \ud83c\udfc6 Parab\u00e9ns! Voc\u00ea completou todos os flashcards sobre Gases Reais! Recome\u00e7ar<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1527","post","type-post","status-publish","format-standard","hentry","category-fq1"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/posts\/1527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/comments?post=1527"}],"version-history":[{"count":1,"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/posts\/1527\/revisions"}],"predecessor-version":[{"id":1529,"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/posts\/1527\/revisions\/1529"}],"wp:attachment":[{"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/media?parent=1527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/categories?post=1527"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.emsintese.com.br\/cursos\/wp-json\/wp\/v2\/tags?post=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}