{"id":19,"date":"2026-09-02T22:26:44","date_gmt":"2026-09-02T22:26:44","guid":{"rendered":"https:\/\/brasahouse.space\/?page_id=19"},"modified":"2026-09-02T23:21:48","modified_gmt":"2026-09-02T23:21:48","slug":"19-2","status":"publish","type":"page","link":"https:\/\/brasahouse.space\/","title":{"rendered":"Brasa House"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-13.57.12-1024x1024.jpeg\" alt=\"\" class=\"wp-image-24\" srcset=\"https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-13.57.12-1024x1024.jpeg 1024w, https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-13.57.12-150x150.jpeg 150w, https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-13.57.12-300x300.jpeg 300w, https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-13.57.12-768x768.jpeg 768w, https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-02-at-13.57.12.jpeg 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<meta charset=\"UTF-8\">\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n\nbody.page-id-19 header.wp-block-template-part,\n\nbody.page-id-19 footer.wp-block-template-part,\n\nbody.page-id-19 .wp-block-post-title {\n\n  display: none !important;\n\n}\n\nbody.page-id-19 .wp-site-blocks,\n\nbody.page-id-19 main {\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n}\n\n* {\n\n  box-sizing: border-box !important;\n\n}\n\n.rifa20 {\n\n  max-width: 1100px;\n\n  margin: 0 auto;\n\n  padding: 16px 12px 45px;\n\n  background: #080808 !important;\n\n  color: #ffffff !important;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  border-radius: 18px;\n\n}\n\n.rifa20 h1,\n\n.rifa20 h2,\n\n.rifa20 h3,\n\n.rifa20 h4,\n\n.rifa20 p,\n\n.rifa20 div,\n\n.rifa20 span,\n\n.rifa20 label,\n\n.rifa20 strong {\n\n  color: #ffffff;\n\n}\n\n.rifa20 button,\n\n.rifa20 input,\n\n.rifa20 textarea {\n\n  font-family: Arial, Helvetica, sans-serif;\n\n}\n\n\/* BANNER *\/\n\n.rifa20 .hero {\n\n  min-height: 410px;\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  padding: 44px;\n\n  overflow: hidden;\n\n  border: 2px solid #d5a538;\n\n  border-radius: 22px;\n\n  background:\n\n    linear-gradient(\n\n      90deg,\n\n      rgba(0,0,0,.98) 0%,\n\n      rgba(0,0,0,.90) 48%,\n\n      rgba(0,0,0,.35) 100%\n\n    ),\n\n    url(\"https:\/\/images.unsplash.com\/photo-1529692236671-f1f6cf9683ba?auto=format&fit=crop&w=1600&q=85\")\n\n    center center \/ cover no-repeat;\n\n  box-shadow: 0 15px 40px rgba(0,0,0,.55);\n\n}\n\n.rifa20 .hero-conteudo {\n\n  max-width: 580px;\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n.rifa20 .etiqueta {\n\n  display: inline-block;\n\n  padding: 9px 14px;\n\n  margin-bottom: 14px;\n\n  border-radius: 30px;\n\n  background: #d5a538 !important;\n\n  color: #000000 !important;\n\n  font-size: 14px;\n\n  font-weight: 900;\n\n}\n\n.rifa20 .hero h1 {\n\n  margin: 0 0 14px;\n\n  color: #ffffff !important;\n\n  font-size: 48px;\n\n  line-height: 1.05;\n\n  font-weight: 900;\n\n  text-shadow: 0 3px 8px #000000;\n\n}\n\n.rifa20 .hero h1 span {\n\n  display: block;\n\n  color: #ffc83d !important;\n\n}\n\n.rifa20 .hero-texto {\n\n  margin: 0 0 20px;\n\n  color: #ffffff !important;\n\n  font-size: 20px;\n\n  line-height: 1.45;\n\n  font-weight: 700;\n\n  text-shadow: 0 2px 5px #000000;\n\n}\n\n.rifa20 .preco {\n\n  display: inline-block;\n\n  padding: 13px 18px;\n\n  border-radius: 12px;\n\n  background: #ffffff !important;\n\n  color: #000000 !important;\n\n  font-size: 20px;\n\n  font-weight: 900;\n\n}\n\n.rifa20 .preco strong {\n\n  color: #d60000 !important;\n\n  font-size: 29px;\n\n}\n\n\/* TITULO *\/\n\n.rifa20 .titulo {\n\n  margin: 34px 0 7px;\n\n  text-align: center;\n\n  color: #ffffff !important;\n\n  font-size: 34px;\n\n  font-weight: 900;\n\n}\n\n.rifa20 .subtitulo {\n\n  margin: 0 0 20px;\n\n  text-align: center;\n\n  color: #ffc83d !important;\n\n  font-size: 23px;\n\n  font-weight: 900;\n\n}\n\n.rifa20 .orientacao {\n\n  margin: 0 0 18px;\n\n  padding: 12px;\n\n  text-align: center;\n\n  color: #ffffff !important;\n\n  background: #202020 !important;\n\n  border: 1px solid #555555;\n\n  border-radius: 10px;\n\n  font-size: 16px;\n\n  font-weight: 900;\n\n}\n\n\/* LEGENDA *\/\n\n.rifa20 .legenda {\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  gap: 18px;\n\n  flex-wrap: wrap;\n\n  margin: 18px 0 22px;\n\n}\n\n.rifa20 .legenda-item {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  font-size: 14px;\n\n  font-weight: 900;\n\n}\n\n.rifa20 .cor {\n\n  width: 20px;\n\n  height: 20px;\n\n  display: inline-block;\n\n  border-radius: 5px;\n\n}\n\n.rifa20 .cor.livre {\n\n  background: #000000;\n\n  border: 2px solid #ffffff;\n\n}\n\n.rifa20 .cor.reservada {\n\n  background: #ff8c00;\n\n}\n\n.rifa20 .cor.paga {\n\n  background: #d60000;\n\n}\n\n\/* NUMEROS *\/\n\n.rifa20 .numeros {\n\n  display: grid !important;\n\n  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;\n\n  gap: 9px !important;\n\n}\n\n.rifa20 .num {\n\n  min-height: 62px !important;\n\n  padding: 5px !important;\n\n  border: 2px solid #ffffff !important;\n\n  border-radius: 10px !important;\n\n  background: #000000 !important;\n\n  color: #ffffff !important;\n\n  font-size: 18px !important;\n\n  font-weight: 900 !important;\n\n  cursor: pointer !important;\n\n  position: relative;\n\n  opacity: 1 !important;\n\n  visibility: visible !important;\n\n}\n\n.rifa20 .num.disponivel {\n\n  background: #000000 !important;\n\n  color: #ffffff !important;\n\n}\n\n.rifa20 .num.selected {\n\n  background: #ffffff !important;\n\n  color: #000000 !important;\n\n  border: 4px solid #ffc83d !important;\n\n}\n\n.rifa20 .num.reservado {\n\n  background: #ff8c00 !important;\n\n  color: #ffffff !important;\n\n  cursor: not-allowed !important;\n\n}\n\n.rifa20 .num.pago {\n\n  background: #d60000 !important;\n\n  color: #ffffff !important;\n\n  cursor: not-allowed !important;\n\n}\n\n.rifa20 .num.pago::after {\n\n  content: \"\\2713\";\n\n  position: absolute;\n\n  top: 2px;\n\n  right: 5px;\n\n  color: #ffffff;\n\n  font-size: 17px;\n\n  font-weight: 900;\n\n}\n\n\/* PAGAMENTO *\/\n\n.rifa20 .pagamento,\n\n.rifa20 .informacoes {\n\n  margin-top: 24px;\n\n  padding: 22px;\n\n  background: #171717 !important;\n\n  border: 2px solid #444444;\n\n  border-radius: 18px;\n\n}\n\n.rifa20 .resumo,\n\n.rifa20 .campos {\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 12px;\n\n}\n\n.rifa20 .resumo-caixa {\n\n  padding: 14px;\n\n  background: #000000 !important;\n\n  border: 1px solid #444444;\n\n  border-radius: 11px;\n\n}\n\n.rifa20 .resumo-caixa small {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #ffffff !important;\n\n}\n\n.rifa20 .resumo-caixa strong {\n\n  color: #ffc83d !important;\n\n  font-size: 20px;\n\n}\n\n.rifa20 label {\n\n  display: block;\n\n  margin: 11px 0 6px;\n\n  color: #ffffff !important;\n\n  font-weight: 900;\n\n}\n\n.rifa20 input,\n\n.rifa20 textarea {\n\n  width: 100% !important;\n\n  padding: 13px !important;\n\n  color: #ffffff !important;\n\n  background: #000000 !important;\n\n  border: 2px solid #555555 !important;\n\n  border-radius: 9px !important;\n\n  font-size: 16px !important;\n\n}\n\n.rifa20 textarea {\n\n  min-height: 90px;\n\n  margin-top: 12px;\n\n  resize: vertical;\n\n}\n\n.rifa20 .gerar,\n\n.rifa20 .copiar {\n\n  display: block;\n\n  width: 100%;\n\n  margin-top: 14px;\n\n  padding: 15px;\n\n  border: 0;\n\n  border-radius: 10px;\n\n  font-size: 17px;\n\n  font-weight: 900;\n\n  cursor: pointer;\n\n}\n\n.rifa20 .gerar {\n\n  background: #ffc83d !important;\n\n  color: #000000 !important;\n\n}\n\n.rifa20 .copiar {\n\n  background: #333333 !important;\n\n  color: #ffffff !important;\n\n}\n\n.rifa20 .gerar:disabled {\n\n  opacity: .6;\n\n  cursor: not-allowed;\n\n}\n\n\/* MENSAGENS E PIX *\/\n\n.rifa20 .mensagem,\n\n.rifa20 .pix,\n\n.rifa20 .video-pagamento,\n\n.rifa20 .esgotado {\n\n  display: none;\n\n}\n\n.rifa20 .mensagem.ok,\n\n.rifa20 .mensagem.erro,\n\n.rifa20 .pix.show,\n\n.rifa20 .video-pagamento.show,\n\n.rifa20 .esgotado.show {\n\n  display: block;\n\n}\n\n.rifa20 .mensagem {\n\n  margin-top: 13px;\n\n  padding: 12px;\n\n  border-radius: 9px;\n\n  color: #ffffff !important;\n\n  font-weight: 700;\n\n}\n\n.rifa20 .mensagem.ok {\n\n  background: #12602c !important;\n\n}\n\n.rifa20 .mensagem.erro {\n\n  background: #761b1b !important;\n\n}\n\n.rifa20 .pix {\n\n  margin-top: 18px;\n\n  text-align: center;\n\n}\n\n.rifa20 .qr {\n\n  width: 90%;\n\n  max-width: 270px;\n\n  padding: 10px;\n\n  background: #ffffff;\n\n  border-radius: 12px;\n\n}\n\n.rifa20 .video-pagamento {\n\n  margin-top: 20px;\n\n  padding: 20px;\n\n  text-align: center;\n\n  background: #12602c !important;\n\n  border: 2px solid #ffc83d;\n\n  border-radius: 16px;\n\n}\n\n.rifa20 .video-pagamento h3 {\n\n  color: #ffffff !important;\n\n}\n\n.rifa20 .video-pagamento video {\n\n  width: 100%;\n\n  max-width: 700px;\n\n  border-radius: 12px;\n\n  background: #000000;\n\n}\n\n.rifa20 .aviso {\n\n  margin-top: 14px;\n\n  color: #ffffff !important;\n\n  font-size: 13px;\n\n  line-height: 1.5;\n\n}\n\n\/* INFORMACOES *\/\n\n.rifa20 .informacoes h3 {\n\n  color: #ffc83d !important;\n\n  text-align: center;\n\n}\n\n.rifa20 .status {\n\n  padding: 11px 0;\n\n  border-bottom: 1px solid #444444;\n\n}\n\n\/* REGULAMENTO *\/\n\n.rifa20 .regulamento {\n\n  margin-top: 25px;\n\n  padding: 22px;\n\n  background: #ffffff !important;\n\n  color: #000000 !important;\n\n  border: 3px solid #d5a538;\n\n  border-radius: 16px;\n\n  line-height: 1.6;\n\n}\n\n.rifa20 .regulamento * {\n\n  color: #000000 !important;\n\n}\n\n.rifa20 .regulamento h3,\n\n.rifa20 .regulamento h4 {\n\n  text-align: center;\n\n}\n\n.rifa20 .fechamento {\n\n  padding: 15px;\n\n  text-align: center;\n\n  background: #d60000 !important;\n\n  color: #ffffff !important;\n\n  border-radius: 10px;\n\n  font-weight: 900;\n\n}\n\n.rifa20 .horarios,\n\n.rifa20 .formula {\n\n  padding: 16px;\n\n  background: #000000 !important;\n\n  color: #ffffff !important;\n\n  border-radius: 10px;\n\n}\n\n.rifa20 .horarios *,\n\n.rifa20 .formula * {\n\n  color: #ffffff !important;\n\n}\n\n\/* RODADA ENCERRADA *\/\n\n.rifa20 .esgotado {\n\n  margin-bottom: 20px;\n\n  padding: 20px;\n\n  text-align: center;\n\n  background: #d60000 !important;\n\n  border-radius: 14px;\n\n}\n\n.rifa20 .esgotado-sorteio {\n\n  margin-top: 12px;\n\n  padding: 12px;\n\n  background: #ffffff !important;\n\n  color: #000000 !important;\n\n  border-radius: 9px;\n\n  font-weight: 900;\n\n}\n\n\/* CELULAR *\/\n\n@media (max-width: 720px) {\n\n  .rifa20 {\n\n    padding: 10px 7px 35px;\n\n    border-radius: 0;\n\n  }\n\n  .rifa20 .hero {\n\n    min-height: 500px;\n\n    align-items: flex-end;\n\n    padding: 23px;\n\n    background-position: 65% center;\n\n  }\n\n  .rifa20 .hero h1 {\n\n    font-size: 38px;\n\n  }\n\n  .rifa20 .numeros {\n\n    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n\n    gap: 7px !important;\n\n  }\n\n  .rifa20 .num {\n\n    min-height: 55px !important;\n\n    font-size: 17px !important;\n\n  }\n\n  .rifa20 .resumo,\n\n  .rifa20 .campos {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .rifa20 .titulo {\n\n    font-size: 28px;\n\n  }\n\n  .rifa20 .subtitulo {\n\n    font-size: 20px;\n\n  }\n\n}\n\n<\/style>\n\n<div class=\"rifa20\">\n\n  <div class=\"hero\">\n\n    <div class=\"hero-conteudo\">\n\n      <div class=\"etiqueta\">\n\n        NOVA RODADA &bull; 50 N&Uacute;MEROS\n\n      <\/div>\n\n      <h1>\n\n        Kit Churrasco\n\n        <span>ou R$ 500 no PIX<\/span>\n\n      <\/h1>\n\n      <p class=\"hero-texto\">\n\n        Escolha seus n&uacute;meros, gere o PIX e concorra.\n\n        Pagamento r&aacute;pido e confirma&ccedil;&atilde;o autom&aacute;tica.\n\n      <\/p>\n\n      <div class=\"preco\">\n\n        Apenas <strong>R$ 20<\/strong> por n&uacute;mero\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <h2 class=\"titulo\">\n\n    ESCOLHA SEUS N&Uacute;MEROS\n\n  <\/h2>\n\n  <p class=\"subtitulo\">\n\n    Selecione um ou mais n&uacute;meros &mdash; R$ 20,00 cada\n\n  <\/p>\n\n  <div class=\"orientacao\">\n\n    Toque nos bot&otilde;es abaixo para escolher seus n&uacute;meros\n\n  <\/div>\n\n  <div class=\"legenda\">\n\n    <div class=\"legenda-item\">\n\n      <span class=\"cor livre\"><\/span>\n\n      DISPON&Iacute;VEL\n\n    <\/div>\n\n    <div class=\"legenda-item\">\n\n      <span class=\"cor reservada\"><\/span>\n\n      RESERVADO\n\n    <\/div>\n\n    <div class=\"legenda-item\">\n\n      <span class=\"cor paga\"><\/span>\n\n      PAGO &#10003;\n\n    <\/div>\n\n  <\/div>\n\n  <div id=\"esgotado\" class=\"esgotado\">\n\n    <h3>&#10003; TODOS OS N&Uacute;MEROS FORAM PAGOS<\/h3>\n\n    <div>RODADA ENCERRADA<\/div>\n\n    <div id=\"horarioFechamento\"><\/div>\n\n    <div id=\"sorteioValido\" class=\"esgotado-sorteio\"><\/div>\n\n  <\/div>\n\n  <div class=\"numeros\" id=\"gradeNumeros\"><\/div>\n\n  <div class=\"pagamento\">\n\n    <div class=\"resumo\">\n\n      <div class=\"resumo-caixa\">\n\n        <small>N&Uacute;MEROS SELECIONADOS<\/small>\n\n        <strong id=\"selecionados\">Nenhum<\/strong>\n\n      <\/div>\n\n      <div class=\"resumo-caixa\">\n\n        <small>TOTAL DA COMPRA<\/small>\n\n        <strong id=\"valorTotal\">R$ 0,00<\/strong>\n\n      <\/div>\n\n    <\/div>\n\n    <form id=\"formRifa\">\n\n      <div class=\"campos\">\n\n        <div>\n\n          <label for=\"nomeRifa\">Nome completo<\/label>\n\n          <input\n\n            id=\"nomeRifa\"\n\n            name=\"nome\"\n\n            type=\"text\"\n\n            autocomplete=\"name\"\n\n            required\n\n          >\n\n        <\/div>\n\n        <div>\n\n          <label for=\"telefoneRifa\">Celular com DDD<\/label>\n\n          <input\n\n            id=\"telefoneRifa\"\n\n            name=\"telefone\"\n\n            type=\"tel\"\n\n            inputmode=\"numeric\"\n\n            autocomplete=\"tel\"\n\n            required\n\n          >\n\n        <\/div>\n\n        <div>\n\n          <label for=\"documentoRifa\">CPF ou CNPJ<\/label>\n\n          <input\n\n            id=\"documentoRifa\"\n\n            name=\"documento\"\n\n            type=\"text\"\n\n            inputmode=\"numeric\"\n\n            required\n\n          >\n\n        <\/div>\n\n        <div>\n\n          <label for=\"emailRifa\">E-mail opcional<\/label>\n\n          <input\n\n            id=\"emailRifa\"\n\n            name=\"email\"\n\n            type=\"email\"\n\n            autocomplete=\"email\"\n\n          >\n\n        <\/div>\n\n      <\/div>\n\n      <button id=\"gerarPix\" class=\"gerar\" type=\"submit\">\n\n        COMPRAR E GERAR PIX\n\n      <\/button>\n\n    <\/form>\n\n    <div id=\"mensagemRifa\" class=\"mensagem\"><\/div>\n\n    <div id=\"areaPix\" class=\"pix\">\n\n      <img\n\n        id=\"qrCodeRifa\"\n\n        class=\"qr\"\n\n        alt=\"QR Code PIX\"\n\n      >\n\n      <textarea\n\n        id=\"codigoPixRifa\"\n\n        readonly\n\n        aria-label=\"PIX copia e cola\"\n\n      ><\/textarea>\n\n      <button id=\"copiarPix\" class=\"copiar\" type=\"button\">\n\n        COPIAR PIX COPIA E COLA\n\n      <\/button>\n\n    <\/div>\n\n    <div id=\"videoPagamento\" class=\"video-pagamento\">\n\n      <h3>&#10003; PAGAMENTO CONFIRMADO!<\/h3>\n\n      <p>\n\n        Seus n&uacute;meros est&atilde;o garantidos.\n\n        Assista ao v&iacute;deo:\n\n      <\/p>\n\n      <video\n\n        id=\"videoConfirmacao\"\n\n        controls\n\n        playsinline\n\n        preload=\"metadata\"\n\n      >\n\n        <source\n\n          src=\"https:\/\/brasahouse.space\/wp-content\/uploads\/2026\/09\/WhatsApp-Video-2026-09-02-at-13.58.42.mp4\"\n\n          type=\"video\/mp4\"\n\n        >\n\n        Seu navegador n&atilde;o conseguiu reproduzir o v&iacute;deo.\n\n      <\/video>\n\n    <\/div>\n\n    <div class=\"aviso\">\n\n      Ap&oacute;s gerar o PIX, conclua o pagamento para confirmar sua compra.\n\n      Durante a espera, o n&uacute;mero ficar&aacute; laranja.\n\n      Ap&oacute;s a confirma&ccedil;&atilde;o, ficar&aacute; vermelho com &#10003;.\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"informacoes\">\n\n    <h3>ENTENDA AS CORES<\/h3>\n\n    <div class=\"status\">\n\n      <strong>PRETO &mdash; DISPON&Iacute;VEL:<\/strong>\n\n      o n&uacute;mero est&aacute; livre.\n\n    <\/div>\n\n    <div class=\"status\">\n\n      <strong>LARANJA &mdash; RESERVADO:<\/strong>\n\n      aguardando pagamento.\n\n    <\/div>\n\n    <div class=\"status\">\n\n      <strong>VERMELHO &#10003; &mdash; PAGO:<\/strong>\n\n      pagamento confirmado.\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"regulamento\">\n\n    <h3>COMO SER&Aacute; DEFINIDO O VENCEDOR<\/h3>\n\n    <p>\n\n      O resultado ser&aacute; definido utilizando uma\n\n      <strong>extra&ccedil;&atilde;o oficial da Loteria Federal<\/strong>.\n\n    <\/p>\n\n    <div class=\"fechamento\">\n\n      A rodada ser&aacute; encerrada automaticamente quando os\n\n      50 n&uacute;meros estiverem pagos.\n\n    <\/div>\n\n    <h4>QUAL EXTRA&Ccedil;&Atilde;O SER&Aacute; UTILIZADA?<\/h4>\n\n    <div class=\"horarios\">\n\n      <strong>QUARTA-FEIRA<\/strong>\n\n      <p>\n\n        Se os 50 n&uacute;meros estiverem pagos at&eacute; 17h,\n\n        ser&aacute; utilizada a extra&ccedil;&atilde;o da pr&oacute;pria\n\n        quarta-feira. Ap&oacute;s 17h, ser&aacute; utilizada a\n\n        pr&oacute;xima extra&ccedil;&atilde;o oficial.\n\n      <\/p>\n\n      <hr>\n\n      <strong>DOMINGO<\/strong>\n\n      <p>\n\n        Se os 50 n&uacute;meros estiverem pagos at&eacute; 08h,\n\n        ser&aacute; utilizada a extra&ccedil;&atilde;o do pr&oacute;prio\n\n        domingo. Ap&oacute;s 08h, ser&aacute; utilizada a\n\n        pr&oacute;xima extra&ccedil;&atilde;o oficial.\n\n      <\/p>\n\n    <\/div>\n\n    <h4>C&Aacute;LCULO DO N&Uacute;MERO VENCEDOR<\/h4>\n\n    <div class=\"formula\">\n\n      N&uacute;mero do 1&ordm; pr&ecirc;mio dividido por 50.\n\n      <br><br>\n\n      Ser&aacute; considerado o resto da divis&atilde;o.\n\n      Se o resto for zero, vence o n&uacute;mero 50.\n\n    <\/div>\n\n    <p>\n\n      O n&uacute;mero vencedor n&atilde;o ser&aacute; escolhido\n\n      manualmente. Qualquer participante poder&aacute; conferir o\n\n      resultado oficial e repetir o c&aacute;lculo.\n\n    <\/p>\n\n    <p style=\"text-align:center;font-weight:900;\">\n\n      Boa sorte a todos!\n\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n  var BASE = \"https:\/\/brasa-house-asaas.onrender.com\";\n\n  var API_PAGAMENTO = BASE + \"\/criar-pagamento\";\n\n  var API_NUMEROS = BASE + \"\/numeros\";\n\n  var VALOR_NUMERO = 20;\n\n  var escolhidos = new Set();\n\n  var rodadaEncerrada = false;\n\n  var numerosDaCompra = [];\n\n  var videoJaLiberado = false;\n\n  function pegar(id) {\n\n    return document.getElementById(id);\n\n  }\n\n  var grade = pegar(\"gradeNumeros\");\n\n  var selecionados = pegar(\"selecionados\");\n\n  var valorTotal = pegar(\"valorTotal\");\n\n  var mensagem = pegar(\"mensagemRifa\");\n\n  var areaPix = pegar(\"areaPix\");\n\n  var gerarPix = pegar(\"gerarPix\");\n\n  var esgotado = pegar(\"esgotado\");\n\n  if (!grade) {\n\n    return;\n\n  }\n\n  function criarNumeros() {\n\n    grade.innerHTML = \"\";\n\n    for (var numero = 1; numero <= 50; numero++) {\n\n      var botao = document.createElement(\"button\");\n\n      botao.type = \"button\";\n\n      botao.className = \"num disponivel\";\n\n      botao.setAttribute(\"data-num\", String(numero));\n\n      botao.textContent = String(numero).padStart(2, \"0\");\n\n      grade.appendChild(botao);\n\n    }\n\n  }\n\n  function somenteNumeros(valor) {\n\n    return String(valor || \"\").replace(\/\\D\/g, \"\");\n\n  }\n\n  function atualizarResumo() {\n\n    var numeros = Array.from(escolhidos);\n\n    numeros.sort(function (a, b) {\n\n      return a - b;\n\n    });\n\n    if (numeros.length > 0) {\n\n      selecionados.textContent = numeros.map(function (numero) {\n\n        return String(numero).padStart(2, \"0\");\n\n      }).join(\", \");\n\n    } else {\n\n      selecionados.textContent = \"Nenhum\";\n\n    }\n\n    valorTotal.textContent = (numeros.length * VALOR_NUMERO)\n\n      .toLocaleString(\"pt-BR\", {\n\n        style: \"currency\",\n\n        currency: \"BRL\"\n\n      });\n\n  }\n\n  function mostrarErro(texto) {\n\n    mensagem.className = \"mensagem erro\";\n\n    mensagem.textContent = texto;\n\n  }\n\n  function mostrarSucesso(texto) {\n\n    mensagem.className = \"mensagem ok\";\n\n    mensagem.textContent = texto;\n\n  }\n\n  grade.addEventListener(\"click\", function (evento) {\n\n    var botao = evento.target.closest(\".num\");\n\n    if (!botao || botao.disabled || rodadaEncerrada) {\n\n      return;\n\n    }\n\n    var numero = Number(botao.getAttribute(\"data-num\"));\n\n    if (escolhidos.has(numero)) {\n\n      escolhidos.delete(numero);\n\n      botao.classList.remove(\"selected\");\n\n    } else {\n\n      escolhidos.add(numero);\n\n      botao.classList.add(\"selected\");\n\n    }\n\n    atualizarResumo();\n\n  });\n\n  pegar(\"formRifa\").addEventListener(\"submit\", async function (evento) {\n\n    evento.preventDefault();\n\n    var numeros = Array.from(escolhidos);\n\n    numeros.sort(function (a, b) {\n\n      return a - b;\n\n    });\n\n    if (numeros.length === 0) {\n\n      mostrarErro(\n\n        \"Selecione pelo menos um n\\u00famero antes de gerar o PIX.\"\n\n      );\n\n      return;\n\n    }\n\n    var dados = {\n\n      nome: pegar(\"nomeRifa\").value.trim(),\n\n      telefone: somenteNumeros(pegar(\"telefoneRifa\").value),\n\n      cpfCnpj: somenteNumeros(pegar(\"documentoRifa\").value),\n\n      email: pegar(\"emailRifa\").value.trim(),\n\n      numeros: numeros,\n\n      valorUnitario: VALOR_NUMERO\n\n    };\n\n    gerarPix.disabled = true;\n\n    gerarPix.textContent = \"GERANDO PIX...\";\n\n    mensagem.className = \"mensagem\";\n\n    mensagem.textContent = \"\";\n\n    areaPix.classList.remove(\"show\");\n\n    try {\n\n      var resposta = await fetch(API_PAGAMENTO, {\n\n        method: \"POST\",\n\n        headers: {\n\n          \"Content-Type\": \"application\/json\"\n\n        },\n\n        body: JSON.stringify(dados)\n\n      });\n\n      var resultado = await resposta.json();\n\n      if (!resposta.ok || !resultado.sucesso) {\n\n        var descricao =\n\n          resultado &&\n\n          resultado.detalhes &&\n\n          resultado.detalhes.errors &&\n\n          resultado.detalhes.errors[0]\n\n            ? resultado.detalhes.errors[0].description\n\n            : \"\";\n\n        throw new Error(\n\n          descricao ||\n\n          resultado.error ||\n\n          \"N\\u00e3o foi poss\\u00edvel gerar o PIX.\"\n\n        );\n\n      }\n\n      pegar(\"qrCodeRifa\").src =\n\n        \"data:image\/png;base64,\" + resultado.qrCode;\n\n      pegar(\"codigoPixRifa\").value =\n\n        resultado.pixCopiaECola || \"\";\n\n      numerosDaCompra = numeros.slice();\n\n      areaPix.classList.add(\"show\");\n\n      mostrarSucesso(\n\n        \"PIX gerado com sucesso. Refer\\u00eancia: \" +\n\n        (resultado.referencia || \"\")\n\n      );\n\n      atualizarStatus();\n\n    } catch (erro) {\n\n      mostrarErro(\n\n        erro.message ||\n\n        \"N\\u00e3o foi poss\\u00edvel gerar o PIX.\"\n\n      );\n\n    } finally {\n\n      gerarPix.disabled = rodadaEncerrada;\n\n      gerarPix.textContent = \"COMPRAR E GERAR PIX\";\n\n    }\n\n  });\n\n  pegar(\"copiarPix\").addEventListener(\"click\", async function () {\n\n    var campoPix = pegar(\"codigoPixRifa\");\n\n    var botaoCopiar = pegar(\"copiarPix\");\n\n    try {\n\n      await navigator.clipboard.writeText(campoPix.value);\n\n    } catch (erro) {\n\n      campoPix.select();\n\n      document.execCommand(\"copy\");\n\n    }\n\n    botaoCopiar.textContent = \"PIX COPIADO!\";\n\n    setTimeout(function () {\n\n      botaoCopiar.textContent = \"COPIAR PIX COPIA E COLA\";\n\n    }, 1500);\n\n  });\n\n  function liberarVideo() {\n\n    if (videoJaLiberado) {\n\n      return;\n\n    }\n\n    videoJaLiberado = true;\n\n    pegar(\"videoPagamento\").classList.add(\"show\");\n\n    mostrarSucesso(\n\n      \"Pagamento confirmado! Seus n\\u00fameros est\\u00e3o garantidos.\"\n\n    );\n\n    pegar(\"videoPagamento\").scrollIntoView({\n\n      behavior: \"smooth\",\n\n      block: \"center\"\n\n    });\n\n    pegar(\"videoConfirmacao\").play().catch(function () {});\n\n  }\n\n  async function atualizarStatus() {\n\n    try {\n\n      var resposta = await fetch(\n\n        API_NUMEROS + \"?t=\" + Date.now(),\n\n        {\n\n          cache: \"no-store\"\n\n        }\n\n      );\n\n      if (!resposta.ok) {\n\n        throw new Error(\"Erro ao consultar os n\\u00fameros.\");\n\n      }\n\n      var dados = await resposta.json();\n\n      if (!dados.numeros || !Array.isArray(dados.numeros)) {\n\n        return;\n\n      }\n\n      var vendidos = 0;\n\n      dados.numeros.forEach(function (item) {\n\n        var botao = grade.querySelector(\n\n          '[data-num=\"' + item.numero + '\"]'\n\n        );\n\n        if (!botao) {\n\n          return;\n\n        }\n\n        botao.classList.remove(\n\n          \"disponivel\",\n\n          \"reservado\",\n\n          \"pago\",\n\n          \"selected\"\n\n        );\n\n        if (item.status === \"disponivel\") {\n\n          botao.disabled = false;\n\n          botao.classList.add(\"disponivel\");\n\n        } else if (item.status === \"reservado\") {\n\n          botao.disabled = true;\n\n          botao.classList.add(\"reservado\");\n\n          escolhidos.delete(Number(item.numero));\n\n        } else if (\n\n          item.status === \"vendido\" ||\n\n          item.status === \"pago\"\n\n        ) {\n\n          vendidos++;\n\n          botao.disabled = true;\n\n          botao.classList.add(\"pago\");\n\n          escolhidos.delete(Number(item.numero));\n\n        } else {\n\n          botao.disabled = false;\n\n          botao.classList.add(\"disponivel\");\n\n        }\n\n      });\n\n      atualizarResumo();\n\n      if (\n\n        numerosDaCompra.length > 0 &&\n\n        numerosDaCompra.every(function (numeroComprado) {\n\n          return dados.numeros.some(function (item) {\n\n            return (\n\n              Number(item.numero) === numeroComprado &&\n\n              (\n\n                item.status === \"vendido\" ||\n\n                item.status === \"pago\"\n\n              )\n\n            );\n\n          });\n\n        })\n\n      ) {\n\n        liberarVideo();\n\n      }\n\n      rodadaEncerrada = vendidos >= 50;\n\n      if (rodadaEncerrada) {\n\n        esgotado.classList.add(\"show\");\n\n        gerarPix.disabled = true;\n\n      } else {\n\n        esgotado.classList.remove(\"show\");\n\n        gerarPix.disabled = false;\n\n      }\n\n    } catch (erro) {\n\n      console.log(\"Erro ao atualizar os numeros:\", erro);\n\n    }\n\n  }\n\n  criarNumeros();\n\n  atualizarResumo();\n\n  atualizarStatus();\n\n  setInterval(atualizarStatus, 3000);\n\n})();\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOVA RODADA &bull; 50 N&Uacute;MEROS Kit Churrasco ou R$ 500 no PIX Escolha seus n&uacute;meros, gere o PIX e concorra. Pagamento r&aacute;pido e confirma&ccedil;&atilde;o autom&aacute;tica. Apenas R$ 20 por n&uacute;mero ESCOLHA SEUS N&Uacute;MEROS Selecione um ou mais n&uacute;meros &mdash; R$ 20,00 cada Toque nos bot&otilde;es abaixo para escolher seus n&uacute;meros DISPON&Iacute;VEL RESERVADO PAGO &#10003; &#10003; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brasahouse.space\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brasahouse.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brasahouse.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brasahouse.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brasahouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":6,"href":"https:\/\/brasahouse.space\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/brasahouse.space\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/brasahouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}