{"id":667,"date":"2026-09-25T22:50:21","date_gmt":"2026-09-26T01:50:21","guid":{"rendered":"https:\/\/uniqon.com.br\/?page_id=667"},"modified":"2026-09-25T22:50:42","modified_gmt":"2026-09-26T01:50:42","slug":"cha-do-joaquim-2","status":"publish","type":"page","link":"https:\/\/uniqon.com.br\/index.php\/cha-do-joaquim-2\/","title":{"rendered":"cha do joaquim 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"667\" class=\"elementor elementor-667\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85be64d e-flex e-con-boxed e-con e-parent\" data-id=\"85be64d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c604618 elementor-widget elementor-widget-html\" data-id=\"c604618\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n\n<meta\n  name=\"viewport\"\n  content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\n>\n\n<meta name=\"theme-color\" content=\"#8ec5e8\">\n<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n<meta\n  name=\"apple-mobile-web-app-status-bar-style\"\n  content=\"default\"\n>\n\n<title>Ch\u00e1 do Joaquim<\/title>\n\n<style>\n\n\/* ================================\n   CONFIGURA\u00c7\u00d5ES GERAIS\n================================ *\/\n\n* {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n  min-height: 100%;\n}\n\nbody {\n  font-family: Georgia, \"Times New Roman\", serif;\n  color: #174d78;\n\n  \/*\n    Fundo xadrez azul e branco\n  *\/\n  background-color: #f9f4e9;\n\n  background-image:\n    linear-gradient(\n      90deg,\n      rgba(103, 174, 218, 0.38) 50%,\n      transparent 50%\n    ),\n    linear-gradient(\n      rgba(103, 174, 218, 0.38) 50%,\n      transparent 50%\n    );\n\n  background-size: 56px 56px;\n\n  min-height: 100vh;\n\n  padding:\n    max(18px, env(safe-area-inset-top))\n    14px\n    max(25px, env(safe-area-inset-bottom));\n}\n\n\n\/* ================================\n   CONTAINER\n================================ *\/\n\n.app {\n  width: 100%;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\n\/* ================================\n   CABE\u00c7ALHO\n================================ *\/\n\n.header {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 15px;\n}\n\n.title-card {\n  width: 94%;\n\n  background: #fff9ee;\n\n  border:\n    3px solid #8ab9d7;\n\n  border-radius:\n    40px;\n\n  padding:\n    17px 15px;\n\n  text-align:\n    center;\n\n  box-shadow:\n    0 5px 12px\n    rgba(53, 90, 119, 0.20);\n\n  position:\n    relative;\n}\n\n\n\/* costura decorativa *\/\n\n.title-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 7px;\n\n  border:\n    2px dashed #a4c8df;\n\n  border-radius:\n    32px;\n\n  pointer-events:\n    none;\n}\n\n\n.small-title {\n  position: relative;\n  z-index: 2;\n\n  font-size:\n    clamp(18px, 5vw, 25px);\n\n  letter-spacing:\n    3px;\n\n  font-weight:\n    bold;\n}\n\n\n.main-title {\n  position: relative;\n  z-index: 2;\n\n  margin-top:\n    2px;\n\n  font-size:\n    clamp(38px, 12vw, 67px);\n\n  line-height:\n    0.95;\n\n  font-weight:\n    bold;\n\n  color:\n    #174d78;\n\n  text-shadow:\n    1px 2px 0\n    #d7e8f3;\n}\n\n\n.title-decoration {\n  position: relative;\n  z-index: 2;\n\n  margin-top:\n    8px;\n\n  color:\n    #5e9fc8;\n\n  font-size:\n    19px;\n\n  letter-spacing:\n    5px;\n}\n\n\n\/* ================================\n   URSINHO\n================================ *\/\n\n.bear-area {\n  display:\n    flex;\n\n  justify-content:\n    center;\n\n  margin:\n    -4px 0 7px;\n}\n\n.bear {\n  font-size:\n    clamp(65px, 20vw, 105px);\n\n  filter:\n    drop-shadow(\n      0 5px 3px\n      rgba(70, 63, 50, 0.15)\n    );\n}\n\n\n\/* ================================\n   PAINEL PRINCIPAL\n================================ *\/\n\n.draw-card {\n  background:\n    #fff9ee;\n\n  border:\n    3px solid\n    #8ab9d7;\n\n  border-radius:\n    28px;\n\n  padding:\n    14px;\n\n  box-shadow:\n    0 6px 15px\n    rgba(40, 74, 100, 0.18);\n\n  position:\n    relative;\n}\n\n\n.draw-card::after {\n  content: \"\";\n\n  position:\n    absolute;\n\n  inset:\n    7px;\n\n  border:\n    2px dashed\n    #9bc3dc;\n\n  border-radius:\n    21px;\n\n  pointer-events:\n    none;\n}\n\n\n.draw-title {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  text-align:\n    center;\n\n  font-size:\n    clamp(16px, 4.5vw, 23px);\n\n  font-weight:\n    bold;\n\n  letter-spacing:\n    1px;\n\n  margin:\n    4px 0 12px;\n}\n\n\n.draw-title span {\n  color:\n    #5d9fc8;\n\n  margin:\n    0 5px;\n}\n\n\n\/* ================================\n   PALAVRA SORTEADA\n================================ *\/\n\n.result {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  min-height:\n    150px;\n\n  background:\n    #edf6fb;\n\n  border:\n    2px dashed\n    #72abd0;\n\n  border-radius:\n    25px;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    center;\n\n  align-items:\n    center;\n\n  padding:\n    20px 14px;\n\n  text-align:\n    center;\n}\n\n\n.status {\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  color:\n    #7798af;\n\n  font-size:\n    13px;\n\n  font-weight:\n    700;\n\n  margin-bottom:\n    9px;\n}\n\n\n.current {\n  font-size:\n    clamp(29px, 9vw, 52px);\n\n  line-height:\n    1.05;\n\n  font-weight:\n    bold;\n\n  color:\n    #174d78;\n\n  text-transform:\n    uppercase;\n\n  overflow-wrap:\n    anywhere;\n}\n\n\n\/* ================================\n   BOT\u00d5ES\n================================ *\/\n\n.buttons {\n  display:\n    grid;\n\n  grid-template-columns:\n    1.5fr 1fr;\n\n  gap:\n    10px;\n\n  margin:\n    14px 4px;\n}\n\n\nbutton {\n  appearance:\n    none;\n\n  -webkit-appearance:\n    none;\n\n  border:\n    3px solid\n    #f7f2e7;\n\n  border-radius:\n    22px;\n\n  min-height:\n    62px;\n\n  padding:\n    12px 15px;\n\n  color:\n    white;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    18px;\n\n  font-weight:\n    bold;\n\n  cursor:\n    pointer;\n\n  box-shadow:\n    0 4px 8px\n    rgba(38, 71, 96, 0.28);\n\n  touch-action:\n    manipulation;\n}\n\n\n#drawButton {\n  background:\n    linear-gradient(\n      180deg,\n      #3279ac,\n      #17547f\n    );\n}\n\n\n#resetButton {\n  background:\n    linear-gradient(\n      180deg,\n      #78bde5,\n      #4795c5\n    );\n}\n\n\nbutton:active {\n  transform:\n    translateY(3px);\n}\n\n\nbutton:disabled {\n  opacity:\n    0.45;\n}\n\n\n\/* ================================\n   HIST\u00d3RICO\n================================ *\/\n\n.history-card {\n  background:\n    #fff9ee;\n\n  border:\n    3px solid\n    #8ab9d7;\n\n  border-radius:\n    28px;\n\n  padding:\n    15px;\n\n  margin-top:\n    12px;\n\n  box-shadow:\n    0 6px 15px\n    rgba(40, 74, 100, 0.18);\n\n  position:\n    relative;\n}\n\n\n.history-card::after {\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  inset:\n    7px;\n\n  border:\n    2px dashed\n    #9bc3dc;\n\n  border-radius:\n    21px;\n\n  pointer-events:\n    none;\n}\n\n\n.history-title {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  text-align:\n    center;\n\n  font-size:\n    19px;\n\n  font-weight:\n    bold;\n\n  margin:\n    3px 0 14px;\n}\n\n\n.history-title span {\n  color:\n    #5e9fc8;\n}\n\n\n\/* ================================\n   PALAVRAS J\u00c1 SORTEADAS\n================================ *\/\n\n.history {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap:\n    8px;\n\n  max-height:\n    270px;\n\n  overflow-y:\n    auto;\n\n  padding:\n    2px;\n\n  -webkit-overflow-scrolling:\n    touch;\n}\n\n\n.history-item {\n  background:\n    #e8f2f8;\n\n  border:\n    1px solid\n    #b9d5e6;\n\n  border-radius:\n    14px;\n\n  padding:\n    9px 6px;\n\n  text-align:\n    center;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    13px;\n\n  font-weight:\n    700;\n\n  color:\n    #315f80;\n}\n\n\n.empty {\n  grid-column:\n    1 \/ -1;\n\n  text-align:\n    center;\n\n  color:\n    #8098aa;\n\n  padding:\n    15px;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    13px;\n}\n\n\n\/* ================================\n   DECORA\u00c7\u00c3O FINAL\n================================ *\/\n\n.footer-decoration {\n  text-align:\n    center;\n\n  margin-top:\n    15px;\n\n  font-size:\n    23px;\n\n  color:\n    #5e9fc8;\n}\n\n\n\/* ================================\n   MOBILE PEQUENO\n================================ *\/\n\n@media\n(max-width: 390px) {\n\n  body {\n    background-size:\n      46px 46px;\n  }\n\n  .buttons {\n    grid-template-columns:\n      1fr;\n  }\n\n  .history {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n\n\/* ================================\n   TELAS MAIORES\n================================ *\/\n\n@media\n(min-width: 700px) {\n\n  body {\n    padding-top:\n      30px;\n  }\n\n  .draw-card {\n    padding:\n      20px;\n  }\n\n  .result {\n    min-height:\n      190px;\n  }\n\n}\n\n<\/style>\n<\/head>\n\n\n<body>\n\n<div class=\"app\">\n\n\n  <!-- CABE\u00c7ALHO -->\n\n  <header class=\"header\">\n\n    <div class=\"title-card\">\n\n      <div class=\"small-title\">\n        CH\u00c1 DO\n      <\/div>\n\n      <div class=\"main-title\">\n        JOAQUIM\n      <\/div>\n\n      <div class=\"title-decoration\">\n        \u2766 \u00b7 \u2665 \u00b7 \u2766\n      <\/div>\n\n    <\/div>\n\n  <\/header>\n\n\n\n  <!-- URSINHO -->\n\n  <div class=\"bear-area\">\n\n    <div class=\"bear\">\n      \ud83e\uddf8\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- SORTEIO -->\n\n  <section class=\"draw-card\">\n\n    <div class=\"draw-title\">\n\n      <span>\u2665<\/span>\n\n      PALAVRA SORTEADA\n\n      <span>\u2665<\/span>\n\n    <\/div>\n\n\n    <div class=\"result\">\n\n      <div\n        class=\"status\"\n        id=\"status\">\n\n        Pronto para come\u00e7ar\n\n      <\/div>\n\n\n      <div\n        class=\"current\"\n        id=\"current\">\n\n        CLIQUE EM\n        SORTEAR\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- BOT\u00d5ES -->\n\n  <div class=\"buttons\">\n\n    <button\n      id=\"drawButton\">\n\n      \u21c4 &nbsp; SORTEAR\n\n    <\/button>\n\n\n    <button\n      id=\"resetButton\">\n\n      \u21bb &nbsp; REINICIAR\n\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- HIST\u00d3RICO -->\n\n  <section class=\"history-card\">\n\n    <div class=\"history-title\">\n\n      <span>\u2665<\/span>\n\n      J\u00c1 SORTEADAS\n\n      <span>\u2665<\/span>\n\n    <\/div>\n\n\n    <div\n      class=\"history\"\n      id=\"history\">\n\n      <div class=\"empty\">\n\n        Nenhuma palavra\n        sorteada ainda.\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <div class=\"footer-decoration\">\n\n    \u2766 &nbsp; \u2665 &nbsp; \u2766\n\n  <\/div>\n\n\n<\/div>\n\n\n\n<script>\n\n\/* =====================================\n   BANCO DE PALAVRAS\n===================================== *\/\n\nconst words = [\n\n  \"Fralda\",\n  \"Mamadeira\",\n  \"Chupeta\",\n  \"Ber\u00e7o\",\n\n  \"Body\",\n  \"Babador\",\n  \"Carrinho\",\n  \"Manta\",\n\n  \"Ursinho\",\n  \"Banheira\",\n  \"Meia\",\n  \"Sapatinho\",\n\n  \"Shampoo\",\n  \"Toalha\",\n  \"Mordedor\",\n  \"Naninha\",\n\n  \"Pomada\",\n  \"Talco\",\n  \"Len\u00e7o\",\n  \"Trocador\",\n\n  \"Macac\u00e3o\",\n  \"Touca\",\n  \"Luva\",\n  \"Cueiro\",\n\n  \"Term\u00f4metro\",\n  \"Escova\",\n  \"Pente\",\n  \"Sabonete\",\n\n  \"Col\u00f4nia\",\n  \"Almofada\",\n  \"M\u00f3bile\",\n  \"Cadeirinha\",\n\n  \"Bolsa\",\n  \"Prendedor\",\n  \"Fraldinha\",\n  \"Cobertor\",\n\n  \"Travesseiro\",\n  \"Kit Higiene\",\n  \"Chocalho\",\n  \"Sling\",\n\n  \"Protetor\",\n  \"Mosquiteiro\",\n  \"\u00c1lcool Gel\",\n  \"Algod\u00e3o\",\n\n  \"Cotonete\",\n  \"Aspirador Nasal\",\n  \"Pratinho\",\n  \"Colherzinha\",\n\n  \"Copinho\",\n  \"Bico\",\n  \"Pel\u00facia\",\n  \"Livro\",\n\n  \"Brinquedo\",\n  \"Tapete\",\n  \"Sa\u00edda Maternidade\",\n  \"Casaquinho\",\n\n  \"Cal\u00e7a\",\n  \"Camiseta\",\n  \"Jardineira\",\n  \"Toalha Fralda\",\n\n  \"Sab\u00e3o L\u00edquido\",\n  \"Amaciante\",\n  \"Frasqueira\",\n  \"Porta-Chupeta\"\n\n];\n\n\n\/* =====================================\n   ESTADO DO BINGO\n===================================== *\/\n\nlet remaining =\n  [...words];\n\nlet drawn =\n  [];\n\n\n\/* =====================================\n   ELEMENTOS\n===================================== *\/\n\nconst current =\n  document.getElementById(\n    \"current\"\n  );\n\nconst status =\n  document.getElementById(\n    \"status\"\n  );\n\nconst history =\n  document.getElementById(\n    \"history\"\n  );\n\nconst drawButton =\n  document.getElementById(\n    \"drawButton\"\n  );\n\nconst resetButton =\n  document.getElementById(\n    \"resetButton\"\n  );\n\n\n\/* =====================================\n   MOSTRAR HIST\u00d3RICO\n===================================== *\/\n\nfunction renderHistory() {\n\n  if (\n    drawn.length === 0\n  ) {\n\n    history.innerHTML = `\n      <div class=\"empty\">\n        Nenhuma palavra\n        sorteada ainda.\n      <\/div>\n    `;\n\n    return;\n  }\n\n\n  history.innerHTML =\n    drawn\n\n    .map(\n\n      (word, index) => `\n\n        <div class=\"history-item\">\n\n          ${index + 1}.\n          ${word}\n\n        <\/div>\n\n      `\n\n    )\n\n    .join(\"\");\n\n\n  history.scrollTop =\n    history.scrollHeight;\n\n}\n\n\n\/* =====================================\n   SORTEAR\n===================================== *\/\n\nfunction sortear() {\n\n  if (\n    remaining.length === 0\n  ) {\n\n    return;\n\n  }\n\n\n  drawButton.disabled =\n    true;\n\n\n  status.textContent =\n    \"Sorteando...\";\n\n\n  let animationCount =\n    0;\n\n\n  const animation =\n    setInterval(\n\n      function() {\n\n        const randomPreview =\n          Math.floor(\n\n            Math.random() *\n            remaining.length\n\n          );\n\n\n        current.textContent =\n          remaining[\n            randomPreview\n          ].toUpperCase();\n\n\n        animationCount++;\n\n\n        if (\n          animationCount >= 10\n        ) {\n\n          clearInterval(\n            animation\n          );\n\n\n          finalizarSorteio();\n\n        }\n\n      },\n\n      70\n\n    );\n\n}\n\n\n\/* =====================================\n   FINALIZAR SORTEIO\n===================================== *\/\n\nfunction finalizarSorteio() {\n\n  const randomIndex =\n    Math.floor(\n\n      Math.random() *\n      remaining.length\n\n    );\n\n\n  const selected =\n    remaining.splice(\n\n      randomIndex,\n      1\n\n    )[0];\n\n\n  drawn.push(\n    selected\n  );\n\n\n  current.textContent =\n    selected.toUpperCase();\n\n\n  if (\n    drawn.length === 1\n  ) {\n\n    status.textContent =\n      \"1 palavra sorteada\";\n\n  }\n\n  else {\n\n    status.textContent =\n      drawn.length +\n      \" palavras sorteadas\";\n\n  }\n\n\n  renderHistory();\n\n\n  if (\n    remaining.length === 0\n  ) {\n\n    status.textContent =\n      \"Todas as palavras foram sorteadas\";\n\n    drawButton.disabled =\n      true;\n\n  }\n\n  else {\n\n    drawButton.disabled =\n      false;\n\n  }\n\n}\n\n\n\/* =====================================\n   REINICIAR\n===================================== *\/\n\nfunction reiniciar() {\n\n  if (\n    drawn.length > 0\n  ) {\n\n    const confirmar =\n      confirm(\n\n        \"Deseja reiniciar o bingo \" +\n        \"e apagar todas as palavras sorteadas?\"\n\n      );\n\n\n    if (\n      !confirmar\n    ) {\n\n      return;\n\n    }\n\n  }\n\n\n  remaining =\n    [...words];\n\n\n  drawn =\n    [];\n\n\n  current.innerHTML =\n    \"CLIQUE EM<br>SORTEAR\";\n\n\n  status.textContent =\n    \"Pronto para come\u00e7ar\";\n\n\n  drawButton.disabled =\n    false;\n\n\n  renderHistory();\n\n}\n\n\n\/* =====================================\n   EVENTOS\n===================================== *\/\n\ndrawButton.addEventListener(\n  \"click\",\n  sortear\n);\n\n\nresetButton.addEventListener(\n  \"click\",\n  reiniciar\n);\n\n\n\/* INICIAR *\/\n\nrenderHistory();\n\n<\/script>\n\n\n<\/body>\n<\/html>\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>Ch\u00e1 do Joaquim CH\u00c1 DO JOAQUIM \u2766 \u00b7 \u2665 \u00b7 \u2766 \ud83e\uddf8 \u2665 PALAVRA SORTEADA \u2665 Pronto para come\u00e7ar CLIQUE EM SORTEAR \u21c4 &nbsp; SORTEAR \u21bb &nbsp; REINICIAR \u2665 J\u00c1 SORTEADAS \u2665 Nenhuma palavra sorteada ainda. \u2766 &nbsp; \u2665 &nbsp; \u2766<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-667","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/pages\/667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=667"}],"version-history":[{"count":4,"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/pages\/667\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/pages\/667\/revisions\/671"}],"wp:attachment":[{"href":"https:\/\/uniqon.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}