{"id":16,"date":"2026-06-02T23:32:06","date_gmt":"2026-06-02T23:32:06","guid":{"rendered":"https:\/\/agenciarca.com.br\/cadastro\/?page_id=16"},"modified":"2026-06-13T01:19:13","modified_gmt":"2026-06-13T01:19:13","slug":"rca-novo-cliente-eu-vim-ver-o-macaco","status":"publish","type":"page","link":"https:\/\/agenciarca.com.br\/cadastro\/rca-novo-cliente-eu-vim-ver-o-macaco\/","title":{"rendered":"Cadastro"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37162c7 e-flex e-con-boxed e-con e-parent\" data-id=\"37162c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4214b34 elementor-widget elementor-widget-html\" data-id=\"4214b34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Ficha Cadastral \u2014 Ag\u00eancia RCA | Bem-vindo!<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n  --roxo:       #542e81;\r\n  --roxo-claro: #71388b;\r\n  --rosa:       #f47068;\r\n  --rosa-esc:   #c2286c;\r\n  --amarelo:    #ffde59;\r\n  --azul:       #2d8bba;\r\n  --laranja:    #ef773b;\r\n  --black:  #1C1C2E;\r\n  --gray:   #6E7191;\r\n  --light:  #F7F4FB;\r\n  --border: #E7E1F0;\r\n  --white:  #FFFFFF;\r\n}\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\nbody {\r\n  font-family: 'Nunito', sans-serif;\r\n  background: var(--white);\r\n  color: var(--black);\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n\/* garante que html tamb\u00e9m estique \u2014 WordPress \u00e0s vezes zera isso *\/\r\nhtml { height: 100%; }\r\n\r\n\/* wrapper que isola do WordPress no mobile *\/\r\n#cadastro-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n\/* HEADER *\/\r\nheader {\r\n  padding: 1.25rem 2rem;\r\n  border-bottom: 1px solid var(--border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: var(--white);\r\n}\r\n.step-pill {\r\n  background: var(--light);\r\n  border: 1px solid var(--border);\r\n  border-radius: 30px;\r\n  padding: 0.35rem 1rem;\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  color: var(--gray);\r\n}\r\n.step-pill span { color: var(--roxo-claro); }\r\n\r\n\/* PROGRESS *\/\r\n.prog-wrap { padding: 0 2rem; background: var(--white); }\r\n.prog-bg { height: 4px; background: var(--border); border-radius: 4px; overflow: hidden; }\r\n.prog-fill {\r\n  height: 100%;\r\n  background: linear-gradient(90deg, var(--roxo), var(--roxo-claro), var(--rosa-esc));\r\n  border-radius: 4px;\r\n  transition: width 0.55s cubic-bezier(.4,0,.2,1);\r\n  width: 0%;\r\n}\r\n.dots-row { display: flex; align-items: center; gap: 6px; padding: 0.9rem 2rem 0; flex-wrap: wrap; }\r\n.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border); transition: all 0.35s; }\r\n.dot.done   { background: var(--rosa); opacity: 0.55; }\r\n.dot.active { width: 24px; border-radius: 4px; background: var(--roxo); }\r\n\r\n\/* LAYOUT *\/\r\nmain {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 2rem;\r\n  gap: 2rem;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  min-height: calc(100vh - 193px);\r\n}\r\n.mascot-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 220px;\r\n  flex-shrink: 0;\r\n  background: transparent;\r\n}\r\n\r\n\/* faixa de dica mobile \u2014 oculta no desktop *\/\r\n.mascot-mobile {\r\n  display: none;\r\n}\r\n.mascot-img {\r\n  width: 200px;\r\n  max-width: 100%;\r\n  object-fit: contain;\r\n  background: transparent;\r\n  filter: drop-shadow(0 8px 24px rgba(84,46,129,.18));\r\n  animation: float 4s ease-in-out infinite;\r\n}\r\n@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n.mascot-bubble {\r\n  background: var(--light);\r\n  border: 1px solid var(--border);\r\n  border-radius: 12px;\r\n  padding: 0.75rem 1rem;\r\n  font-size: 0.82rem;\r\n  font-weight: 600;\r\n  color: var(--roxo);\r\n  text-align: center;\r\n  line-height: 1.5;\r\n  margin-bottom: 1rem;\r\n  position: relative;\r\n  white-space: pre-line;\r\n}\r\n.mascot-bubble::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -8px; left: 50%;\r\n  transform: translateX(-50%);\r\n  border: 8px solid transparent;\r\n  border-top-color: var(--border);\r\n  border-bottom: none;\r\n}\r\n.mascot-bubble::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -7px; left: 50%;\r\n  transform: translateX(-50%);\r\n  border: 8px solid transparent;\r\n  border-top-color: var(--light);\r\n  border-bottom: none;\r\n  z-index: 1;\r\n}\r\n.form-col { flex: 1; display: flex; align-items: center; justify-content: center; min-width: 0; }\r\n.stage { width: 100%; max-width: 520px; }\r\n\r\n\/* QUESTION *\/\r\n.q-block { display: none; animation: slideUp 0.45s cubic-bezier(.4,0,.2,1) forwards; }\r\n.q-block.active { display: block; }\r\n.q-block.exit { display: block; animation: slideDown 0.3s cubic-bezier(.4,0,.2,1) forwards; }\r\n@keyframes slideUp   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes slideDown { from{opacity:1;transform:translateY(0)} to{opacity:0;transform:translateY(-20px)} }\r\n\r\n.q-chip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n  background: #EFE7F6;\r\n  color: var(--roxo);\r\n  font-size: 0.72rem;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  padding: 0.3rem 0.8rem;\r\n  border-radius: 30px;\r\n  margin-bottom: 1rem;\r\n}\r\n.q-chip svg { width: 13px; height: 13px; flex-shrink: 0; }\r\n\r\n.q-title {\r\n  font-size: clamp(1.5rem, 3.5vw, 2.2rem);\r\n  font-weight: 800;\r\n  color: var(--black);\r\n  line-height: 1.2;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 1.8rem;\r\n}\r\n.q-hint {\r\n  font-size: 0.85rem;\r\n  color: var(--gray);\r\n  font-weight: 600;\r\n  margin-top: 0;\r\n  margin-bottom: 1rem;\r\n  line-height: 1.5;\r\n}\r\n.q-title + .q-hint { margin-top: -1.2rem; margin-bottom: 1.4rem; }\r\n\r\n\/* INPUT *\/\r\n.input-group { position: relative; margin-bottom: 0.5rem; }\r\n.q-input {\r\n  width: 100%;\r\n  background: var(--light);\r\n  border: 2px solid var(--border);\r\n  border-radius: 14px;\r\n  padding: 1rem 1.25rem;\r\n  font-size: 1.1rem;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 700;\r\n  color: #111111 !important;\r\n  -webkit-text-fill-color: #111111 !important;\r\n  outline: none;\r\n  transition: border-color 0.25s, background 0.25s;\r\n  caret-color: var(--roxo);\r\n}\r\n.q-input:focus { border-color: var(--roxo); background: var(--white); }\r\n.q-input::placeholder {\r\n  color: #B0A8C2 !important;\r\n  -webkit-text-fill-color: #B0A8C2 !important;\r\n  font-weight: 400;\r\n  opacity: 1;\r\n}\r\n.q-input.loading { background-image: linear-gradient(90deg,transparent,rgba(84,46,129,.08),transparent); background-size:200% 100%; animation: shimmer 1s infinite; }\r\n@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }\r\n\r\n.addr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\r\n.addr-grid .full { grid-column: 1 \/ -1; }\r\n\r\n.field-err {\r\n  font-size: 0.78rem;\r\n  color: var(--rosa-esc);\r\n  font-weight: 700;\r\n  margin-top: 0.4rem;\r\n  display: none;\r\n  padding-left: 0.25rem;\r\n}\r\n.field-err.show { display: block; }\r\n\r\n\/* YES\/NO BUTTONS *\/\r\n.yn-wrap { display: flex; gap: 1rem; margin-bottom: 0.5rem; }\r\n.btn-yn {\r\n  flex: 1;\r\n  padding: 1.1rem;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 1rem;\r\n  border-radius: 14px;\r\n  border: 2px solid var(--border);\r\n  background: var(--light);\r\n  color: var(--gray);\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n.btn-yn svg { width: 18px; height: 18px; flex-shrink: 0; }\r\n.btn-yn:hover { border-color: var(--roxo); color: var(--roxo); background: #EFE7F6; }\r\n.btn-yn.yes:hover { border-color: var(--azul); color: var(--azul); background: #E6F2F8; }\r\n.btn-yn:hover svg { stroke: currentColor; }\r\n\r\n\/* SELECT *\/\r\n.q-select {\r\n  width: 100%;\r\n  background: var(--light);\r\n  border: 2px solid var(--border);\r\n  border-radius: 14px;\r\n  padding: 1rem 1.25rem;\r\n  font-size: 1.05rem;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 700;\r\n  color: #111111;\r\n  outline: none;\r\n  cursor: pointer;\r\n  transition: border-color 0.25s, background 0.25s;\r\n}\r\n.q-select:focus { border-color: var(--roxo); background: var(--white); }\r\n\r\n\/* SERVICE CHECKBOXES *\/\r\n.svc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }\r\n.svc-opt {\r\n  display: flex; align-items: center; gap: 0.6rem;\r\n  padding: 0.85rem 1rem; background: var(--light);\r\n  border: 2px solid var(--border); border-radius: 12px;\r\n  font-family: 'Nunito', sans-serif; font-weight: 700;\r\n  font-size: 0.95rem; color: var(--gray);\r\n  cursor: pointer; transition: all 0.2s; user-select: none;\r\n}\r\n.svc-opt:hover { border-color: var(--roxo); color: var(--roxo); background: #EFE7F6; }\r\n.svc-opt input { width: 18px; height: 18px; accent-color: var(--roxo); cursor: pointer; flex-shrink: 0; }\r\n.svc-opt:has(input:checked) { border-color: var(--roxo); color: var(--roxo); background: #EFE7F6; }\r\n@media (max-width: 560px) { .svc-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* SERVICE ACCORDION *\/\r\n.svc-acc { display: flex; flex-direction: column; gap: 0.6rem; }\r\n.acc-cat { border: 2px solid var(--border); border-radius: 12px; overflow: hidden; transition: border-color 0.2s; }\r\n.acc-cat.has-sel { border-color: var(--roxo); }\r\n.acc-head {\r\n  width: 100%; display: flex; align-items: center; gap: 0.6rem;\r\n  padding: 0.9rem 1rem; background: var(--light); border: none;\r\n  font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1rem;\r\n  color: var(--roxo); cursor: pointer; text-align: left;\r\n}\r\n.acc-title { flex: 1; }\r\n.acc-count {\r\n  font-size: 0.75rem; font-weight: 800; color: var(--white);\r\n  background: var(--roxo); border-radius: 999px; padding: 0.1rem 0.5rem;\r\n  display: none;\r\n}\r\n.acc-count.show { display: inline-block; }\r\n.acc-chev { width: 20px; height: 20px; transition: transform 0.25s; flex-shrink: 0; }\r\n.acc-cat.open .acc-chev { transform: rotate(180deg); }\r\n.acc-body { display: none; flex-direction: column; gap: 0.4rem; padding: 0.2rem 0.7rem 0.8rem; }\r\n.acc-cat.open .acc-body { display: flex; }\r\n.svc-sub {\r\n  display: flex; align-items: center; gap: 0.6rem;\r\n  padding: 0.7rem 0.9rem; background: var(--white);\r\n  border: 2px solid var(--border); border-radius: 10px;\r\n  font-family: 'Nunito', sans-serif; font-weight: 700;\r\n  font-size: 0.92rem; color: var(--gray); cursor: pointer;\r\n  transition: all 0.2s; user-select: none;\r\n}\r\n.svc-sub:hover { border-color: var(--roxo); color: var(--roxo); }\r\n.svc-sub input { width: 17px; height: 17px; accent-color: var(--roxo); cursor: pointer; flex-shrink: 0; }\r\n.svc-sub:has(input:checked) { border-color: var(--roxo); color: var(--roxo); background: #EFE7F6; }\r\n\r\n\/* ACTIONS *\/\r\n.q-actions { display: flex; align-items: center; gap: 0.75rem; margin-top: 2rem; flex-wrap: wrap; }\r\n.btn-next {\r\n  background: var(--laranja);\r\n  color: var(--white);\r\n  border: none;\r\n  padding: 0.9rem 1.8rem;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 0.9rem;\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  transition: all 0.2s;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n}\r\n.btn-next svg { width: 16px; height: 16px; flex-shrink: 0; }\r\n.btn-next:hover { background: #e0641f; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(239,119,59,.35); }\r\n.btn-next:disabled { opacity: 0.6; cursor: wait; transform: none; box-shadow: none; }\r\n.btn-next.green { background: var(--rosa-esc); }\r\n.btn-next.green:hover { background: #a81f59; box-shadow: 0 6px 20px rgba(194,40,108,.35); }\r\n.btn-back {\r\n  background: transparent;\r\n  color: var(--gray);\r\n  border: 2px solid var(--border);\r\n  padding: 0.9rem 1.2rem;\r\n  font-family: 'Nunito', sans-serif;\r\n  font-weight: 700;\r\n  font-size: 0.85rem;\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  transition: all 0.2s;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n}\r\n.btn-back svg { width: 15px; height: 15px; flex-shrink: 0; }\r\n.btn-back:hover { border-color: var(--roxo); color: var(--roxo); background: #EFE7F6; }\r\n.enter-tip { font-size: 0.75rem; color: #C5BDD6; font-weight: 600; margin-left: auto; }\r\n.enter-tip kbd {\r\n  background: var(--light);\r\n  border: 1px solid var(--border);\r\n  border-radius: 5px;\r\n  padding: 0.1rem 0.4rem;\r\n  font-size: 0.7rem;\r\n  font-family: 'Nunito', sans-serif;\r\n  color: var(--gray);\r\n}\r\n\r\n\/* SUCCESS \/ ERROR *\/\r\n.success-screen { display: none; text-align: center; padding: 2rem 0; animation: slideUp 0.55s cubic-bezier(.4,0,.2,1) forwards; }\r\n.success-screen.active { display: block; }\r\n.success-icon {\r\n  width: 80px; height: 80px;\r\n  background: linear-gradient(135deg, var(--roxo), var(--rosa-esc));\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 1.5rem;\r\n  animation: pop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.2s both;\r\n}\r\n.success-icon svg { width: 36px; height: 36px; stroke: #fff; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\r\n.success-icon.err { background: linear-gradient(135deg, var(--rosa-esc), var(--rosa)); }\r\n@keyframes pop { from{transform:scale(0);opacity:0} to{transform:scale(1);opacity:1} }\r\n.success-title {\r\n  font-size: clamp(1.8rem, 4vw, 2.6rem);\r\n  font-weight: 900;\r\n  letter-spacing: -0.03em;\r\n  color: var(--black);\r\n  line-height: 1.15;\r\n  margin-bottom: 1rem;\r\n}\r\n.success-title em { color: var(--roxo); font-style: normal; }\r\n.success-text {\r\n  font-size: 1rem;\r\n  color: var(--gray);\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  max-width: 420px;\r\n  margin: 0 auto 1.8rem;\r\n}\r\n.success-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  background: #EFE7F6;\r\n  border-radius: 50px;\r\n  padding: 0.7rem 1.4rem;\r\n  font-size: 0.88rem;\r\n  font-weight: 800;\r\n  color: var(--roxo);\r\n}\r\n.success-badge svg { width: 18px; height: 18px; flex-shrink: 0; }\r\n.btn-retry {\r\n  background: var(--roxo); color:#fff; border:none;\r\n  padding: 0.9rem 1.8rem; border-radius:12px;\r\n  font-family:'Nunito',sans-serif; font-weight:800; font-size:0.9rem;\r\n  cursor:pointer; transition: all .2s;\r\n}\r\n.btn-retry:hover { background: var(--roxo-claro); transform: translateY(-2px); }\r\n\r\n\/* FOOTER *\/\r\nfooter {\r\n  padding: 1rem 2rem;\r\n  border-top: 1px solid var(--border);\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  background: var(--white);\r\n}\r\n.footer-bar { height: 4px; background: var(--amarelo); width: 100%; }\r\n.footer-txt { font-size: 0.82rem; color: #444444; font-weight: 400; }\r\n.footer-txt a { color: #444444; text-decoration: none; }\r\n.footer-txt a:hover { color: var(--roxo); }\r\n.footer-sec { font-size: 0.82rem; color: #444444; font-weight: 400; display:flex; align-items:center; gap:.4rem; }\r\n.footer-sec svg { width: 14px; height: 14px; flex-shrink: 0; }\r\n\r\n\/* RESPONSIVE MOBILE *\/\r\n@media (max-width: 700px) {\r\n\r\n  \/* fixed na viewport \u2014 isola do WordPress *\/\r\n  #cadastro-wrap {\r\n    position: fixed;\r\n    inset: 0;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    z-index: 9999;\r\n    background: var(--white);\r\n  }\r\n\r\n  .mascot-mobile { display: none; }\r\n\r\n  \/* mascot-col: bubble em cima, imagem embaixo, empurrado para baixo *\/\r\n  .mascot-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 0 1.25rem 0.25rem;\r\n    gap: 0.5rem;\r\n    order: -1;\r\n  }\r\n  .mascot-img {\r\n    width: 85px;\r\n    height: auto;\r\n    animation: none;\r\n    order: 2;\r\n  }\r\n  .mascot-bubble-desk {\r\n    display: block;\r\n    order: 1;\r\n    font-size: 0.75rem;\r\n    padding: 0.45rem 0.9rem;\r\n    text-align: center;\r\n    white-space: normal;\r\n    line-height: 1.4;\r\n    margin-bottom: 0;\r\n  }\r\n  \/* esconde seta da bubble no mobile *\/\r\n  .mascot-bubble-desk::after,\r\n  .mascot-bubble-desk::before { display: none; }\r\n\r\n  \/* main: ocupa o espa\u00e7o dispon\u00edvel, conte\u00fado levemente abaixo do centro *\/\r\n  main {\r\n    flex: 1;\r\n    flex-direction: column;\r\n    padding: 4rem 1.25rem 0;\r\n    gap: 0;\r\n    align-items: stretch;\r\n    min-height: auto;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .form-col { align-items: stretch; justify-content: flex-start; }\r\n  .stage { max-width: 100%; }\r\n\r\n  \/* tipografia com espa\u00e7amento generoso *\/\r\n  .q-chip { font-size: 0.65rem; padding: 0.25rem 0.65rem; margin-bottom: 0.75rem; }\r\n  .q-title { font-size: 1.3rem; line-height: 1.25; margin-bottom: 1.1rem; }\r\n  .q-hint { font-size: 0.8rem; margin-top: 0; margin-bottom: 1rem; }\r\n  .q-title + .q-hint { margin-top: -0.6rem; }\r\n\r\n  \/* input-group com espa\u00e7o entre campos *\/\r\n  .input-group { margin-bottom: 0.65rem; }\r\n  .q-input { padding: 0.8rem 1rem; font-size: 0.93rem; border-radius: 10px; }\r\n  .q-select { padding: 0.8rem 1rem; font-size: 0.93rem; border-radius: 10px; }\r\n\r\n  \/* endere\u00e7o: mais respiro entre campos *\/\r\n  .addr-grid { grid-template-columns: 1fr; gap: 0.65rem; }\r\n\r\n  \/* bot\u00f5es *\/\r\n  .btn-next { padding: 0.85rem 1.5rem; font-size: 0.85rem; border-radius: 10px; }\r\n  .btn-back { padding: 0.8rem 1rem; font-size: 0.82rem; border-radius: 10px; }\r\n  .q-actions { margin-top: 1.25rem; gap: 0.6rem; flex-wrap: wrap; }\r\n\r\n  \/* campo de erro *\/\r\n  .field-err { font-size: 0.72rem; margin-top: 0.3rem; }\r\n\r\n  \/* header e barras compactos *\/\r\n  header { padding: 0.7rem 1.25rem; }\r\n  .prog-wrap { padding: 0 1.25rem; }\r\n  .dots-row { padding: 0.5rem 1.25rem 0; }\r\n\r\n  \/* footer empurrado para baixo *\/\r\n  .footer-bar { margin-top: auto; }\r\n  footer {\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0.5rem 1.25rem;\r\n    gap: 0.75rem;\r\n    flex-wrap: nowrap;\r\n  }\r\n  .footer-txt { max-width: 60%; }\r\n  .footer-txt a { font-size: 0.6rem; white-space: normal; line-height: 1.35; }\r\n  .footer-sec { font-size: 0.6rem; white-space: nowrap; flex-shrink: 0; }\r\n\r\n  .success-icon { width: 56px; height: 56px; }\r\n  .success-icon svg { width: 24px; height: 24px; }\r\n  .enter-tip { display: none; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<form id=\"fspree\" action=\"https:\/\/hook.us2.make.com\/dvjj6zkrka37ko33cfc5qu16zyu1caib\" method=\"POST\" style=\"display:none\">\r\n  <input type=\"hidden\" name=\"Nome\"                  id=\"h-nome\">\r\n  <input type=\"hidden\" name=\"Respons\u00e1vel\"            id=\"h-responsavel\">\r\n\r\n  <input type=\"hidden\" name=\"Email\"                 id=\"h-email\">\r\n  <input type=\"hidden\" name=\"WhatsApp\"              id=\"h-whats\">\r\n  <input type=\"hidden\" name=\"CPF\"                   id=\"h-cpf\">\r\n  <input type=\"hidden\" name=\"RG\"                    id=\"h-rg\">\r\n  <input type=\"hidden\" name=\"CNPJ\"                  id=\"h-cnpj\">\r\n  <input type=\"hidden\" name=\"Raz\u00e3o Social\"          id=\"h-razao\">\r\n  <input type=\"hidden\" name=\"Inscri\u00e7\u00e3o Estadual\"    id=\"h-ie\">\r\n  <input type=\"hidden\" name=\"Inscri\u00e7\u00e3o Municipal\"   id=\"h-im\">\r\n  <input type=\"hidden\" name=\"Website\"               id=\"h-website\">\r\n  <input type=\"hidden\" name=\"Anivers\u00e1rio da Empresa\" id=\"h-aniv\">\r\n  <input type=\"hidden\" name=\"Redes Sociais\"         id=\"h-redes\">\r\n  <input type=\"hidden\" name=\"Tipo de Contrato\"      id=\"h-tipo\">\r\n  <input type=\"hidden\" name=\"Precisa Nota Fiscal\"   id=\"h-nf\">\r\n  <input type=\"hidden\" name=\"Respons\u00e1vel NF Nome\"   id=\"h-nf-nome\">\r\n  <input type=\"hidden\" name=\"Respons\u00e1vel NF Email\"  id=\"h-nf-email\">\r\n  <input type=\"hidden\" name=\"Respons\u00e1vel NF Telefone\" id=\"h-nf-tel\">\r\n  <input type=\"hidden\" name=\"Endere\u00e7o\"              id=\"h-end\">\r\n  <input type=\"hidden\" name=\"Servi\u00e7o contratado\"    id=\"h-servico\">\r\n  <input type=\"hidden\" name=\"Como nos conheceu\"     id=\"h-origem\">\r\n  <input type=\"hidden\" name=\"Quem Indicou\"          id=\"h-indicou\">\r\n  <input type=\"hidden\" name=\"_subject\"              value=\"Nova Ficha Cadastral \u2014 Ag\u00eancia RCA\">\r\n  <input type=\"hidden\" name=\"_replyto\"              id=\"h-reply\">\r\n<\/form>\r\n\r\n<div id=\"cadastro-wrap\">\r\n\r\n<header>\r\n  <div class=\"step-pill\" id=\"stepPill\">Passo <span id=\"stepNum\">1<\/span> de 12<\/div>\r\n<\/header>\r\n\r\n<div class=\"prog-wrap\">\r\n  <div class=\"prog-bg\"><div class=\"prog-fill\" id=\"progFill\"><\/div><\/div>\r\n<\/div>\r\n<div class=\"dots-row\" id=\"dotsRow\"><\/div>\r\n\r\n<div class=\"mascot-mobile\" id=\"mascotMobile\">\r\n  <img decoding=\"async\" class=\"mascot-img-mobile\"\r\n       src=\"https:\/\/agenciarca.com.br\/cadastro\/wp-content\/uploads\/2026\/06\/Rca-Apresentacao-19.pdf.webp\"\r\n       alt=\"Mascote RCA\"\r\n       onerror=\"this.style.display='none'\">\r\n  <div class=\"mascot-bubble\" id=\"mascotBubble\">Preencha com calma, estarei aqui!<\/div>\r\n<\/div>\r\n\r\n<main>\r\n  <div class=\"mascot-col\" id=\"mascotCol\">\r\n    <div class=\"mascot-bubble mascot-bubble-desk\" id=\"mascotBubbleDesk\">Preencha com calma, estarei aqui!<\/div>\r\n    <img decoding=\"async\" class=\"mascot-img\"\r\n         src=\"https:\/\/agenciarca.com.br\/cadastro\/wp-content\/uploads\/2026\/06\/Rca-Apresentacao-19.pdf.webp\"\r\n         alt=\"Mascote RCA\"\r\n         onerror=\"this.style.display='none'\">\r\n  <\/div>\r\n\r\n  <div class=\"form-col\">\r\n    <div class=\"stage\">\r\n\r\n      <!-- Q1: Marca\/Empresa -->\r\n      <div class=\"q-block active\" id=\"q1\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          Vamos come\u00e7ar\r\n        <\/div>\r\n        <h2 class=\"q-title\">Qual o nome da sua marca ou empresa?<\/h2>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-marca\" type=\"text\" placeholder=\"Ex: Studio Silva, Cl\u00ednica Bem Estar...\" autocomplete=\"organization\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-marca\">Informe o nome da marca ou empresa.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-next\" onclick=\"goNext(1)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q2: Nome do respons\u00e1vel -->\r\n      <div class=\"q-block\" id=\"q2\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n          Sobre voc\u00ea\r\n        <\/div>\r\n        <h2 class=\"q-title\">Qual o seu nome completo?<\/h2>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-nome\" type=\"text\" placeholder=\"Nome e sobrenome\" autocomplete=\"name\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-nome\">Informe o nome completo (nome e sobrenome).<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(2)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(2)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Q3: Email -->\r\n      <div class=\"q-block\" id=\"q3\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-10 5L2 7\"\/><\/svg>\r\n          Contato\r\n        <\/div>\r\n        <h2 class=\"q-title\">Qual o seu melhor e-mail?<\/h2>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-email\" type=\"email\" placeholder=\"voce@email.com\" autocomplete=\"email\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-email\">Informe um e-mail v\u00e1lido.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(3)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(3)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q4: WhatsApp -->\r\n      <div class=\"q-block\" id=\"q4\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.91a16 16 0 0 0 5.83 5.83l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.5 16.92z\"\/><\/svg>\r\n          Contato\r\n        <\/div>\r\n        <h2 class=\"q-title\">E o seu WhatsApp com DDD?<\/h2>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-whatsapp\" type=\"tel\" placeholder=\"(11) 99999-9999\" inputmode=\"numeric\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-whatsapp\">Informe um WhatsApp v\u00e1lido com DDD.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(4)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(4)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q5: CPF -->\r\n      <div class=\"q-block\" id=\"q5\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><path d=\"M6 15h4M14 15h4\"\/><\/svg>\r\n          Documentos\r\n        <\/div>\r\n        <h2 class=\"q-title\">Qual o seu CPF?<\/h2>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-cpf\" type=\"text\" placeholder=\"000.000.000-00\" inputmode=\"numeric\" autocomplete=\"off\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-cpf\">Informe um CPF v\u00e1lido.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(5)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(5)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q6: RG -->\r\n      <div class=\"q-block\" id=\"q6\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><path d=\"M6 15h4M14 15h4\"\/><\/svg>\r\n          Documentos\r\n        <\/div>\r\n        <h2 class=\"q-title\">E o n\u00famero do seu RG?<\/h2>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-rg\" type=\"text\" placeholder=\"00.000.000-0\" autocomplete=\"off\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-rg\">Informe seu RG.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(6)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(6)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q7: Possui CNPJ? -->\r\n      <div class=\"q-block\" id=\"q7\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          Empresa\r\n        <\/div>\r\n        <h2 class=\"q-title\">Voc\u00ea possui CNPJ?<\/h2>\r\n        <div class=\"yn-wrap\">\r\n          <button class=\"btn-yn yes\" onclick=\"temCNPJ(true)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            Sim, possuo\r\n          <\/button>\r\n          <button class=\"btn-yn\" onclick=\"temCNPJ('em_abertura')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n            Ainda n\u00e3o possuo\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"q-actions\" style=\"margin-top:1rem\">\r\n          <button class=\"btn-back\" onclick=\"goBack(7)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q8: Dados da empresa (CNPJ + Raz\u00e3o + IE + IM) - condicional -->\r\n      <div class=\"q-block\" id=\"q8\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          Empresa\r\n        <\/div>\r\n        <h2 class=\"q-title\">Dados da sua empresa<\/h2>\r\n        <div class=\"input-group\" style=\"margin-bottom:0.85rem\">\r\n          <input class=\"q-input\" id=\"f-cnpj\" type=\"text\" placeholder=\"CNPJ 00.000.000\/0001-00\" maxlength=\"18\" autocomplete=\"off\" inputmode=\"numeric\">\r\n        <\/div>\r\n        <div class=\"input-group\" style=\"margin-bottom:0.85rem\">\r\n          <input class=\"q-input\" id=\"f-razao\" type=\"text\" placeholder=\"Raz\u00e3o social da empresa\">\r\n        <\/div>\r\n        <div class=\"addr-grid\">\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-ie\" type=\"text\" placeholder=\"Inscri\u00e7\u00e3o Estadual (ou Isento)\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-im\" type=\"text\" placeholder=\"Inscri\u00e7\u00e3o Municipal (opcional)\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-cnpj\">Informe um CNPJ v\u00e1lido e a raz\u00e3o social.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(8)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(8)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q9: Mais da empresa (Website + Anivers\u00e1rio + Redes) - condicional -->\r\n      <div class=\"q-block\" id=\"q9\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n          Empresa\r\n        <\/div>\r\n        <h2 class=\"q-title\">Mais sobre a empresa<\/h2>\r\n        <p class=\"q-hint\">Site e data de anivers\u00e1rio (pode deixar em branco se n\u00e3o tiver).<\/p>\r\n        <div class=\"addr-grid\">\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-website\" type=\"text\" placeholder=\"Website (ex: site.com.br)\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-aniv\" type=\"text\" placeholder=\"Anivers\u00e1rio (DD\/MM\/AAAA)\" inputmode=\"numeric\">\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"q-hint\">Em quais redes sociais a empresa est\u00e1 presente?<\/p>\r\n        <div class=\"svc-grid\" id=\"f-redes-grid\">\r\n          <label class=\"svc-opt\"><input type=\"checkbox\" name=\"rede\" value=\"Facebook\"><span>Facebook<\/span><\/label>\r\n          <label class=\"svc-opt\"><input type=\"checkbox\" name=\"rede\" value=\"Instagram\"><span>Instagram<\/span><\/label>\r\n          <label class=\"svc-opt\"><input type=\"checkbox\" name=\"rede\" value=\"LinkedIn\"><span>LinkedIn<\/span><\/label>\r\n          <label class=\"svc-opt\"><input type=\"checkbox\" name=\"rede\" value=\"YouTube\"><span>YouTube<\/span><\/label>\r\n          <label class=\"svc-opt\"><input type=\"checkbox\" name=\"rede\" value=\"TikTok\"><span>TikTok<\/span><\/label>\r\n          <label class=\"svc-opt\"><input type=\"checkbox\" name=\"rede\" value=\"Nenhuma\"><span>Nenhuma ainda<\/span><\/label>\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-emp2\">Preencha os campos necess\u00e1rios.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(9)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(9)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q10: Tipo de contrato + Nota fiscal -->\r\n      <div class=\"q-block\" id=\"q10\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n          Contrato\r\n        <\/div>\r\n        <h2 class=\"q-title\">Sobre o contrato<\/h2>\r\n        <p class=\"q-hint\">O contrato ser\u00e1 em nome de:<\/p>\r\n        <div class=\"input-group\" style=\"margin-bottom:1rem\">\r\n          <select class=\"q-select\" id=\"f-tipo\">\r\n            <option value=\"\">Selecione<\/option>\r\n            <option>Pessoa F\u00edsica<\/option>\r\n            <option>Pessoa Jur\u00eddica<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <p class=\"q-hint\">A empresa precisar\u00e1 de nota fiscal dos servi\u00e7os?<\/p>\r\n        <div class=\"input-group\">\r\n          <select class=\"q-select\" id=\"f-nf\">\r\n            <option value=\"\">Selecione<\/option>\r\n            <option>Sim<\/option>\r\n            <option>N\u00e3o<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-contrato\">Selecione o tipo de contrato e a nota fiscal.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(10)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(10)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q11: Respons\u00e1vel pela NF (condicional se precisa NF = Sim) -->\r\n      <div class=\"q-block\" id=\"q11\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n          Nota Fiscal\r\n        <\/div>\r\n        <h2 class=\"q-title\">Respons\u00e1vel pelo recebimento da NF<\/h2>\r\n        <p class=\"q-hint\">Quem deve receber a nota fiscal?<\/p>\r\n        <div class=\"input-group\" style=\"margin-bottom:0.85rem\">\r\n          <input class=\"q-input\" id=\"f-nf-nome\" type=\"text\" placeholder=\"Nome do respons\u00e1vel\">\r\n        <\/div>\r\n        <div class=\"input-group\" style=\"margin-bottom:0.85rem\">\r\n          <input class=\"q-input\" id=\"f-nf-email\" type=\"email\" placeholder=\"E-mail para envio da NF\">\r\n        <\/div>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-nf-tel\" type=\"tel\" placeholder=\"Telefone\/WhatsApp\" inputmode=\"numeric\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-nf\">Preencha os dados do respons\u00e1vel pela NF.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(11)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(11)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q12: Endere\u00e7o (ViaCEP) -->\r\n      <div class=\"q-block\" id=\"q12\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-8-7.5-8-13a8 8 0 1 1 16 0c0 5.5-8 13-8 13z\"\/><circle cx=\"12\" cy=\"8\" r=\"3\"\/><\/svg>\r\n          Localiza\u00e7\u00e3o\r\n        <\/div>\r\n        <h2 class=\"q-title\">Qual \u00e9 o endere\u00e7o?<\/h2>\r\n        <p class=\"q-hint\">Digite o CEP que o resto preenche sozinho.<\/p>\r\n        <div class=\"addr-grid\">\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-cep\" type=\"text\" placeholder=\"CEP 00000-000\" maxlength=\"9\" inputmode=\"numeric\" autocomplete=\"postal-code\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-numero\" type=\"text\" placeholder=\"N\u00famero\" inputmode=\"numeric\">\r\n          <\/div>\r\n          <div class=\"input-group full\">\r\n            <input class=\"q-input\" id=\"f-rua\" type=\"text\" placeholder=\"Rua \/ logradouro\" autocomplete=\"address-line1\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-bairro\" type=\"text\" placeholder=\"Bairro\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-comp\" type=\"text\" placeholder=\"Complemento (opcional)\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-cidade\" type=\"text\" placeholder=\"Cidade\">\r\n          <\/div>\r\n          <div class=\"input-group\">\r\n            <input class=\"q-input\" id=\"f-uf\" type=\"text\" placeholder=\"UF\" maxlength=\"2\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-end\">Preencha CEP, rua, n\u00famero, bairro, cidade e UF.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(12)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(12)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q13: Servi\u00e7os (acorde\u00e3o) -->\r\n      <div class=\"q-block\" id=\"q13\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n          Servi\u00e7os\r\n        <\/div>\r\n        <h2 class=\"q-title\">O que voc\u00ea est\u00e1 contratando?<\/h2>\r\n        <p class=\"q-hint\">Clique na categoria para ver as op\u00e7\u00f5es. Pode marcar v\u00e1rios.<\/p>\r\n        <div class=\"svc-acc\" id=\"f-servico-grid\" style=\"margin-bottom:1rem\">\r\n\r\n          <div class=\"acc-cat\">\r\n            <button type=\"button\" class=\"acc-head\" onclick=\"toggleCat(this)\">\r\n              <span class=\"acc-title\">Servi\u00e7os Digitais<\/span>\r\n              <span class=\"acc-count\" data-count><\/span>\r\n              <svg class=\"acc-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"acc-body\">\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Cria\u00e7\u00e3o e Estrutura\u00e7\u00e3o de Redes Sociais (Instagram + Facebook)\"><span>Cria\u00e7\u00e3o e Estrutura\u00e7\u00e3o de Redes Sociais (Instagram + Facebook)<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Gest\u00e3o de Redes Sociais\"><span>Gest\u00e3o de Redes Sociais<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Tr\u00e1fego Pago \u2014 Essencial\"><span>Tr\u00e1fego Pago \u2014 Essencial<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Tr\u00e1fego Pago \u2014 Profissional\"><span>Tr\u00e1fego Pago \u2014 Profissional<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Gest\u00e3o de Comunica\u00e7\u00e3o Interna\"><span>Gest\u00e3o de Comunica\u00e7\u00e3o Interna<\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"acc-cat\">\r\n            <button type=\"button\" class=\"acc-head\" onclick=\"toggleCat(this)\">\r\n              <span class=\"acc-title\">SEO<\/span>\r\n              <span class=\"acc-count\" data-count><\/span>\r\n              <svg class=\"acc-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"acc-body\">\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"SEO \u2014 Google Meu Neg\u00f3cio\"><span>SEO \u2014 Google Meu Neg\u00f3cio<\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"acc-cat\">\r\n            <button type=\"button\" class=\"acc-head\" onclick=\"toggleCat(this)\">\r\n              <span class=\"acc-title\">Sites<\/span>\r\n              <span class=\"acc-count\" data-count><\/span>\r\n              <svg class=\"acc-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"acc-body\">\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"P\u00e1gina de Links\"><span>P\u00e1gina de Links<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Landing Page\"><span>Landing Page<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Site Institucional\"><span>Site Institucional<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"E-commerce\"><span>E-commerce<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Otimiza\u00e7\u00e3o de Site\"><span>Otimiza\u00e7\u00e3o de Site<\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"acc-cat\">\r\n            <button type=\"button\" class=\"acc-head\" onclick=\"toggleCat(this)\">\r\n              <span class=\"acc-title\">Hospedagem<\/span>\r\n              <span class=\"acc-count\" data-count><\/span>\r\n              <svg class=\"acc-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"acc-body\">\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Hospedagem de Site RCA \u2014 Essencial\"><span>Hospedagem de Site RCA \u2014 Essencial<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Hospedagem de Site RCA \u2014 Profissional\"><span>Hospedagem de Site RCA \u2014 Profissional<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Migra\u00e7\u00e3o de Hospedagem\"><span>Migra\u00e7\u00e3o de Hospedagem<\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"acc-cat\">\r\n            <button type=\"button\" class=\"acc-head\" onclick=\"toggleCat(this)\">\r\n              <span class=\"acc-title\">Identidade Visual<\/span>\r\n              <span class=\"acc-count\" data-count><\/span>\r\n              <svg class=\"acc-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"acc-body\">\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Redesign de Logotipo\"><span>Redesign de Logotipo<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Identidade Visual B\u00e1sica (IA Generativa)\"><span>Identidade Visual B\u00e1sica (IA Generativa)<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Logotipo\"><span>Logotipo<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Identidade Visual Completa\"><span>Identidade Visual Completa<\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"acc-cat\">\r\n            <button type=\"button\" class=\"acc-head\" onclick=\"toggleCat(this)\">\r\n              <span class=\"acc-title\">Materiais Gr\u00e1ficos<\/span>\r\n              <span class=\"acc-count\" data-count><\/span>\r\n              <svg class=\"acc-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n            <\/button>\r\n            <div class=\"acc-body\">\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Cart\u00e3o de Visitas\"><span>Cart\u00e3o de Visitas<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Papel Timbrado\"><span>Papel Timbrado<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Envelope Personalizado\"><span>Envelope Personalizado<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Assinatura de E-mail Profissional\"><span>Assinatura de E-mail Profissional<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Cart\u00e3o Digital Interativo\"><span>Cart\u00e3o Digital Interativo<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Pasta Corporativa\"><span>Pasta Corporativa<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Flyer \/ Folder A4\"><span>Flyer \/ Folder A4<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Banner \/ Roll-up\"><span>Banner \/ Roll-up<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Cat\u00e1logo de Produtos \/ Servi\u00e7os\"><span>Cat\u00e1logo de Produtos \/ Servi\u00e7os<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Apresenta\u00e7\u00e3o Comercial\"><span>Apresenta\u00e7\u00e3o Comercial<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Kit Banners Redes Sociais\"><span>Kit Banners Redes Sociais<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Template Stories \/ Reels\"><span>Template Stories \/ Reels<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"M\u00eddia TV \/ Totem\"><span>M\u00eddia TV \/ Totem<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Infogr\u00e1fico\"><span>Infogr\u00e1fico<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"E-book \/ PDF Institucional\"><span>E-book \/ PDF Institucional<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Pack Papelaria Corporativa\"><span>Pack Papelaria Corporativa<\/span><\/label>\r\n              <label class=\"svc-sub\"><input type=\"checkbox\" name=\"svc\" value=\"Pack Gr\u00e1fico Completo\"><span>Pack Gr\u00e1fico Completo<\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-servico\">Selecione ao menos um servi\u00e7o.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(13)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next\" onclick=\"goNext(13)\">Continuar\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Q14: Como conheceu + Quem indicou -->\r\n      <div class=\"q-block\" id=\"q14\">\r\n        <div class=\"q-chip\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n          Quase l\u00e1\r\n        <\/div>\r\n        <h2 class=\"q-title\">Como voc\u00ea nos conheceu?<\/h2>\r\n        <div class=\"input-group\" style=\"margin-bottom:1rem\">\r\n          <select class=\"q-select\" id=\"f-origem\">\r\n            <option value=\"\">Selecione<\/option>\r\n            <option>Indica\u00e7\u00e3o<\/option>\r\n            <option>Instagram<\/option>\r\n            <option>Google<\/option>\r\n            <option>LinkedIn<\/option>\r\n            <option>WhatsApp<\/option>\r\n            <option>Site<\/option>\r\n            <option>J\u00e1 era cliente<\/option>\r\n            <option>Outro<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <p class=\"q-hint\">Se foi indica\u00e7\u00e3o, quem indicou? (opcional)<\/p>\r\n        <div class=\"input-group\">\r\n          <input class=\"q-input\" id=\"f-indicou\" type=\"text\" placeholder=\"Nome da pessoa ou empresa\">\r\n        <\/div>\r\n        <div class=\"field-err\" id=\"e-fim\">Selecione como nos conheceu.<\/div>\r\n        <div class=\"q-actions\">\r\n          <button class=\"btn-back\" onclick=\"goBack(14)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n            Voltar\r\n          <\/button>\r\n          <button class=\"btn-next green\" id=\"btnEnviar\" onclick=\"enviar()\">Enviar ficha\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/button>\r\n          <span class=\"enter-tip\">ou <kbd>Enter<\/kbd><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SUCCESS -->\r\n      <div class=\"success-screen\" id=\"success\">\r\n        <div class=\"success-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        <\/div>\r\n        <h2 class=\"success-title\">Ficha enviada<br>com <em>sucesso!<\/em><\/h2>\r\n        <p class=\"success-text\">\r\n          Recebemos seus dados e j\u00e1 estamos preparando o seu contrato.\r\n          Em at\u00e9 <strong>48 horas<\/strong> voc\u00ea receber\u00e1 uma mensagem no\r\n          WhatsApp com o link para leitura e assinatura eletr\u00f4nica.\r\n        <\/p>\r\n        <div class=\"success-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.91a16 16 0 0 0 5.83 5.83l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.5 16.92z\"\/><\/svg>\r\n          Fique de olho no seu WhatsApp!\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ERROR -->\r\n      <div class=\"success-screen\" id=\"errorScreen\">\r\n        <div class=\"success-icon err\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n        <\/div>\r\n        <h2 class=\"success-title\">Ops, algo<br>deu <em>errado<\/em><\/h2>\r\n        <p class=\"success-text\">\r\n          N\u00e3o conseguimos enviar sua ficha agora. Verifique sua conex\u00e3o e\r\n          tente novamente. Se persistir, fale com a gente no WhatsApp.\r\n        <\/p>\r\n        <button class=\"btn-retry\" onclick=\"reenviar()\">Tentar novamente<\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/main>\r\n\r\n<div class=\"footer-bar\"><\/div>\r\n<footer>\r\n  <div class=\"footer-txt\">\r\n    <a href=\"https:\/\/agenciarca.com.br\" target=\"_blank\" rel=\"noopener\">\r\n      &copy;2017 - 2026 Ag\u00eancia Rca &bull; Todos os direitos reservados\r\n    <\/a>\r\n  <\/div>\r\n  <div class=\"footer-sec\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n    Dados protegidos\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/div><!-- \/#cadastro-wrap -->\r\n\r\n<script>\r\n\/\/ Fluxo base: 1..7, depois (8,9 se CNPJ), 10, (11 se NF=Sim), 12, 13, 14\r\nlet current = 1;\r\nlet hasCNPJ = false;\r\nlet emAbertura = false;\r\nlet precisaNF = false;\r\n\r\n\/\/ Sequ\u00eancia din\u00e2mica de etapas\r\nfunction buildSequence(){\r\n  let seq = [1,2,3,4,5,6,7];\r\n  if(hasCNPJ) seq.push(8,9);\r\n  else if(emAbertura) seq.push(9);\r\n  seq.push(10);\r\n  if(precisaNF) seq.push(11);\r\n  seq.push(12,13,14);\r\n  return seq;\r\n}\r\nlet sequence = buildSequence();\r\nlet totalSteps = sequence.length;\r\n\r\nconst bubbles = {\r\n  1:'Preencha com calma,\\nestarei aqui!',\r\n\r\n  3:'Agora me conta\\nseu e-mail.',\r\n  4:'Preciso do seu\\nWhatsApp.',\r\n  5:'CPF, por\\nfavor.',\r\n  6:'E o seu\\nRG?',\r\n  7:'Voce tem\\nCNPJ?',\r\n  8:'Dados da\\nempresa.',\r\n  9:'Mais sobre\\na empresa.',\r\n  10:'Vamos falar\\ndo contrato.',\r\n  11:'Quem recebe\\na nota fiscal?',\r\n  12:'Onde voce\\nfica?',\r\n  13:'O que vai\\ncontratar?',\r\n  14:'Ultimo passo!\\nFalta pouco.',\r\n};\r\n\r\nfunction buildDots(){\r\n  const wrap=document.getElementById('dotsRow');\r\n  wrap.innerHTML='';\r\n  for(let i=1;i<=totalSteps;i++){\r\n    const d=document.createElement('div');\r\n    d.className='dot'; d.id='vdot'+i;\r\n    wrap.appendChild(d);\r\n  }\r\n}\r\n\r\nfunction getVisualStep(qNum){\r\n  const idx = sequence.indexOf(qNum);\r\n  return idx >= 0 ? idx+1 : 1;\r\n}\r\n\r\nfunction updateUI(qNum){\r\n  const vs=getVisualStep(qNum);\r\n  const progFill=document.getElementById('progFill');\r\n  const stepPill=document.getElementById('stepPill');\r\n  const mascotBubble=document.getElementById('mascotBubble');\r\n  const mascotBubbleDesk=document.getElementById('mascotBubbleDesk');\r\n  if(progFill) progFill.style.width=((vs-1)\/totalSteps*100)+'%';\r\n  if(stepPill) stepPill.innerHTML='Passo <span>'+vs+'<\/span> de '+totalSteps;\r\n  const txt=bubbles[qNum]||'';\r\n  if(mascotBubble) mascotBubble.textContent=txt;\r\n  if(mascotBubbleDesk) mascotBubbleDesk.textContent=txt;\r\n  for(let i=1;i<=totalSteps;i++){\r\n    const d=document.getElementById('vdot'+i);\r\n    if(!d) continue;\r\n    d.className='dot'+(i<vs?' done':i===vs?' active':'');\r\n  }\r\n}\r\n\r\n\/\/ Masks\r\nfunction maskCPF(el){\r\n  let v=el.value.replace(\/\\D\/g,'').slice(0,11);\r\n  v=v.replace(\/(\\d{3})(\\d)\/,'$1.$2').replace(\/(\\d{3})\\.(\\d{3})(\\d)\/,'$1.$2.$3').replace(\/\\.(\\d{3})(\\d)\/,'.$1-$2');\r\n  el.value=v;\r\n}\r\nfunction maskCNPJ(el){\r\n  let v=el.value.replace(\/\\D\/g,'').slice(0,14);\r\n  v=v.replace(\/^(\\d{2})(\\d)\/,'$1.$2').replace(\/^(\\d{2})\\.(\\d{3})(\\d)\/,'$1.$2.$3').replace(\/\\.(\\d{3})(\\d)\/,'.$1\/$2').replace(\/(\\d{4})(\\d)\/,'$1-$2');\r\n  el.value=v;\r\n}\r\nfunction maskPhone(el){\r\n  let v=el.value.replace(\/\\D\/g,'').slice(0,11);\r\n  if(v.length>6) v='('+v.slice(0,2)+') '+v.slice(2,7)+'-'+v.slice(7);\r\n  else if(v.length>2) v='('+v.slice(0,2)+') '+v.slice(2);\r\n  el.value=v;\r\n}\r\nfunction maskCEP(el){\r\n  let v=el.value.replace(\/\\D\/g,'').slice(0,8);\r\n  if(v.length>5) v=v.slice(0,5)+'-'+v.slice(5);\r\n  el.value=v;\r\n}\r\nfunction maskData(el){\r\n  let v=el.value.replace(\/\\D\/g,'').slice(0,8);\r\n  if(v.length>4) v=v.slice(0,2)+'\/'+v.slice(2,4)+'\/'+v.slice(4);\r\n  else if(v.length>2) v=v.slice(0,2)+'\/'+v.slice(2);\r\n  el.value=v;\r\n}\r\n\r\nfunction validaCPF(cpf){\r\n  cpf=(cpf||'').replace(\/\\D\/g,'');\r\n  if(cpf.length!==11 || \/^(\\d)\\1{10}$\/.test(cpf)) return false;\r\n  let s=0;\r\n  for(let i=0;i<9;i++) s+=parseInt(cpf[i])*(10-i);\r\n  let d1=(s*10)%11; if(d1===10) d1=0;\r\n  if(d1!==parseInt(cpf[9])) return false;\r\n  s=0;\r\n  for(let i=0;i<10;i++) s+=parseInt(cpf[i])*(11-i);\r\n  let d2=(s*10)%11; if(d2===10) d2=0;\r\n  return d2===parseInt(cpf[10]);\r\n}\r\n\r\nfunction validaCNPJ(cnpj){\r\n  cnpj=(cnpj||'').replace(\/\\D\/g,'');\r\n  if(cnpj.length!==14 || \/^(\\d)\\1{13}$\/.test(cnpj)) return false;\r\n  const calc=(base)=>{\r\n    let p=base.length-7, s=0;\r\n    for(let i=base.length;i>=1;i--){ s+=base[base.length-i]*p--; if(p<2) p=9; }\r\n    const r=s%11; return r<2?0:11-r;\r\n  };\r\n  const d1=calc(cnpj.slice(0,12));\r\n  if(d1!==parseInt(cnpj[12])) return false;\r\n  const d2=calc(cnpj.slice(0,13));\r\n  return d2===parseInt(cnpj[13]);\r\n}\r\n\r\nasync function buscaCEP(){\r\n  const cepEl=document.getElementById('f-cep');\r\n  const cep=cepEl.value.replace(\/\\D\/g,'');\r\n  if(cep.length!==8) return;\r\n  cepEl.classList.add('loading');\r\n  try{\r\n    const r=await fetch('https:\/\/viacep.com.br\/ws\/'+cep+'\/json\/');\r\n    const d=await r.json();\r\n    if(!d.erro){\r\n      document.getElementById('f-rua').value=d.logradouro||'';\r\n      document.getElementById('f-bairro').value=d.bairro||'';\r\n      document.getElementById('f-cidade').value=d.localidade||'';\r\n      document.getElementById('f-uf').value=d.uf||'';\r\n      document.getElementById('f-numero').focus();\r\n    }\r\n  }catch(e){}\r\n  finally{ cepEl.classList.remove('loading'); }\r\n}\r\n\r\nconst rules = {\r\n  1:{id:'f-marca',err:'e-marca',ok:v=>v.trim().length>=2},\r\n  2:{id:'f-nome', err:'e-nome', ok:v=>v.trim().split(' ').filter(Boolean).length>=2},\r\n\r\n  3:{id:'f-email',err:'e-email',ok:v=>\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v)},\r\n  4:{id:'f-whatsapp',err:'e-whatsapp',ok:v=>v.replace(\/\\D\/g,'').length>=10},\r\n  5:{id:'f-cpf',err:'e-cpf',ok:v=>validaCPF(v)},\r\n  6:{id:'f-rg',err:'e-rg',ok:v=>v.trim().length>=4},\r\n};\r\n\r\nfunction validate(qNum){\r\n  if(qNum===8){\r\n    const okCnpj=validaCNPJ(document.getElementById('f-cnpj').value);\r\n    const okRazao=document.getElementById('f-razao').value.trim().length>=2;\r\n    const errEl=document.getElementById('e-cnpj');\r\n    if(!okCnpj||!okRazao){ errEl.classList.add('show'); return false; }\r\n    errEl.classList.remove('show'); return true;\r\n  }\r\n  if(qNum===9){ return true; } \/\/ website\/anivers\u00e1rio\/redes s\u00e3o opcionais\r\n  if(qNum===10){\r\n    const ok=document.getElementById('f-tipo').value && document.getElementById('f-nf').value;\r\n    const errEl=document.getElementById('e-contrato');\r\n    if(!ok){ errEl.classList.add('show'); return false; }\r\n    errEl.classList.remove('show'); return true;\r\n  }\r\n  if(qNum===11){\r\n    const nome=document.getElementById('f-nf-nome').value.trim().length>=2;\r\n    const email=\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(document.getElementById('f-nf-email').value);\r\n    const errEl=document.getElementById('e-nf');\r\n    if(!nome||!email){ errEl.classList.add('show'); return false; }\r\n    errEl.classList.remove('show'); return true;\r\n  }\r\n  if(qNum===12){\r\n    const campos=['f-cep','f-rua','f-numero','f-bairro','f-cidade','f-uf'];\r\n    const ok=campos.every(id=>document.getElementById(id).value.trim().length>0)\r\n             && document.getElementById('f-cep').value.replace(\/\\D\/g,'').length===8;\r\n    const errEl=document.getElementById('e-end');\r\n    if(!ok){ errEl.classList.add('show'); return false; }\r\n    errEl.classList.remove('show'); return true;\r\n  }\r\n  if(qNum===13){\r\n    const ok=document.querySelectorAll('input[name=\"svc\"]:checked').length>0;\r\n    const errEl=document.getElementById('e-servico');\r\n    if(!ok){ errEl.classList.add('show'); return false; }\r\n    errEl.classList.remove('show'); return true;\r\n  }\r\n  if(qNum===14){\r\n    const ok=document.getElementById('f-origem').value;\r\n    const errEl=document.getElementById('e-fim');\r\n    if(!ok){ errEl.classList.add('show'); return false; }\r\n    errEl.classList.remove('show'); return true;\r\n  }\r\n  if(!rules[qNum]) return true;\r\n  const r=rules[qNum];\r\n  const val=document.getElementById(r.id).value;\r\n  const errEl=document.getElementById(r.err);\r\n  if(!r.ok(val)){errEl.classList.add('show');document.getElementById(r.id).focus();return false;}\r\n  errEl.classList.remove('show'); return true;\r\n}\r\n\r\nfunction showQ(qNum){\r\n  document.querySelectorAll('.q-block').forEach(b=>{\r\n    b.classList.remove('active','exit'); b.style.display='none';\r\n  });\r\n  const el=document.getElementById('q'+qNum);\r\n  el.style.display=''; el.classList.add('active');\r\n  el.querySelector('.q-input,.btn-yn,.q-select')?.focus();\r\n  current=qNum;\r\n  updateUI(qNum);\r\n}\r\n\r\nfunction animateOut(fromId, cb){\r\n  const el=document.getElementById('q'+fromId);\r\n  el.classList.add('exit');\r\n  setTimeout(()=>{ el.classList.remove('exit'); el.style.display='none'; cb(); }, 300);\r\n}\r\n\r\nfunction nextInSeq(qNum){\r\n  const idx=sequence.indexOf(qNum);\r\n  return (idx>=0 && idx<sequence.length-1) ? sequence[idx+1] : null;\r\n}\r\nfunction prevInSeq(qNum){\r\n  const idx=sequence.indexOf(qNum);\r\n  return (idx>0) ? sequence[idx-1] : null;\r\n}\r\n\r\nfunction goNext(qNum){\r\n  if(!validate(qNum)) return;\r\n  \/\/ Recalcula sequ\u00eancia ao sair da etapa 10 (define se mostra NF)\r\n  if(qNum===10){\r\n    precisaNF = (document.getElementById('f-nf').value === 'Sim');\r\n    sequence = buildSequence(); totalSteps = sequence.length; buildDots();\r\n  }\r\n  const next=nextInSeq(qNum);\r\n  if(next) animateOut(qNum, ()=>showQ(next));\r\n}\r\n\r\nfunction goBack(qNum){\r\n  const prev=prevInSeq(qNum);\r\n  if(prev) animateOut(qNum, ()=>showQ(prev));\r\n}\r\n\r\nfunction temCNPJ(sim){\r\n  hasCNPJ = sim === true;\r\n  emAbertura = sim === 'em_abertura';\r\n  if(!hasCNPJ){\r\n    document.getElementById('f-cnpj').value='';\r\n    document.getElementById('f-razao').value='';\r\n    document.getElementById('f-ie').value='';\r\n    document.getElementById('f-im').value='';\r\n  }\r\n  sequence=buildSequence(); totalSteps=sequence.length; buildDots();\r\n  const next = hasCNPJ ? 8 : emAbertura ? 9 : 10;\r\n  animateOut(7, ()=>showQ(next));\r\n}\r\n\r\nfunction montarEndereco(){\r\n  const rua=document.getElementById('f-rua').value.trim();\r\n  const num=document.getElementById('f-numero').value.trim();\r\n  const comp=document.getElementById('f-comp').value.trim();\r\n  const bairro=document.getElementById('f-bairro').value.trim();\r\n  const cidade=document.getElementById('f-cidade').value.trim();\r\n  const uf=document.getElementById('f-uf').value.trim().toUpperCase();\r\n  const cep=document.getElementById('f-cep').value.trim();\r\n  let s=rua+', '+num;\r\n  if(comp) s+=' - '+comp;\r\n  s+=', '+bairro+', '+cidade+'\/'+uf+', CEP '+cep;\r\n  return s;\r\n}\r\n\r\nfunction toggleCat(btn){\r\n  const cat=btn.closest('.acc-cat');\r\n  cat.classList.toggle('open');\r\n}\r\nfunction updateCatCounts(){\r\n  document.querySelectorAll('.acc-cat').forEach(cat=>{\r\n    const n=cat.querySelectorAll('input[name=\"svc\"]:checked').length;\r\n    const badge=cat.querySelector('.acc-count');\r\n    if(!badge) return;\r\n    badge.textContent=n;\r\n    badge.classList.toggle('show', n>0);\r\n    cat.classList.toggle('has-sel', n>0);\r\n  });\r\n}\r\ndocument.addEventListener('change', e=>{\r\n  if(e.target && e.target.name==='svc') updateCatCounts();\r\n});\r\n\r\nfunction enviar(){\r\n  if(!validate(14)) return;\r\n  const btn=document.getElementById('btnEnviar');\r\n  btn.disabled=true; btn.textContent='Enviando...';\r\n\r\n  document.getElementById('h-nome').value    = document.getElementById('f-marca').value;\r\n\r\n  document.getElementById('h-email').value   = document.getElementById('f-email').value;\r\n  document.getElementById('h-whats').value   = document.getElementById('f-whatsapp').value;\r\n  document.getElementById('h-cpf').value     = document.getElementById('f-cpf').value;\r\n  document.getElementById('h-rg').value      = document.getElementById('f-rg').value;\r\n  document.getElementById('h-cnpj').value    = hasCNPJ ? document.getElementById('f-cnpj').value : emAbertura ? 'Em abertura' : 'Nao possui';\r\n  document.getElementById('h-razao').value   = hasCNPJ ? document.getElementById('f-razao').value : document.getElementById('f-marca').value;\r\n  document.getElementById('h-responsavel').value = document.getElementById('f-nome').value;\r\n  document.getElementById('h-ie').value      = hasCNPJ ? document.getElementById('f-ie').value : '';\r\n  document.getElementById('h-im').value      = hasCNPJ ? document.getElementById('f-im').value : '';\r\n  document.getElementById('h-website').value = (hasCNPJ || emAbertura) ? document.getElementById('f-website').value : '';\r\n  document.getElementById('h-aniv').value    = (hasCNPJ || emAbertura) ? document.getElementById('f-aniv').value : '';\r\n  document.getElementById('h-redes').value   = Array.from(document.querySelectorAll('input[name=\"rede\"]:checked')).map(c=>c.value).join(', ');\r\n  document.getElementById('h-tipo').value    = document.getElementById('f-tipo').value;\r\n  document.getElementById('h-nf').value      = document.getElementById('f-nf').value;\r\n  document.getElementById('h-nf-nome').value = precisaNF ? document.getElementById('f-nf-nome').value : '';\r\n  document.getElementById('h-nf-email').value= precisaNF ? document.getElementById('f-nf-email').value : '';\r\n  document.getElementById('h-nf-tel').value  = precisaNF ? document.getElementById('f-nf-tel').value : '';\r\n  document.getElementById('h-end').value     = montarEndereco();\r\n  document.getElementById('h-servico').value = Array.from(document.querySelectorAll('input[name=\"svc\"]:checked')).map(c=>c.value).join('|');\r\n  document.getElementById('h-origem').value  = document.getElementById('f-origem').value;\r\n  document.getElementById('h-indicou').value = document.getElementById('f-indicou').value;\r\n  document.getElementById('h-reply').value   = document.getElementById('f-email').value;\r\n\r\n  const form=document.getElementById('fspree');\r\n  fetch(form.action,{method:'POST',body:new FormData(form)})\r\n    .then(r=>{ if(r.ok) showSuccess(); else showError(); })\r\n    .catch(()=>showError())\r\n    .finally(()=>{ btn.disabled=false; btn.textContent='Enviar ficha'; });\r\n}\r\n\r\nfunction reenviar(){\r\n  const es=document.getElementById('errorScreen');\r\n  es.classList.remove('active'); es.style.display='none';\r\n  showQ(14); enviar();\r\n}\r\n\r\nfunction showSuccess(){\r\n  animateOut(14, ()=>{\r\n    const el=document.getElementById('success');\r\n    const pf=document.getElementById('progFill');\r\n    const sp=document.getElementById('stepPill');\r\n    const mb=document.getElementById('mascotBubble');\r\n    const mbd=document.getElementById('mascotBubbleDesk');\r\n    if(el){ el.classList.add('active'); el.style.display='block'; }\r\n    if(pf) pf.style.width='100%';\r\n    if(sp) sp.innerHTML='<span>Concluido!<\/span>';\r\n    if(mb) mb.textContent='Arrasou! Ate breve!';\r\n    if(mbd) mbd.textContent='Arrasou! Ate breve!';\r\n    document.querySelectorAll('.dot').forEach(d=>d.className='dot done');\r\n  });\r\n}\r\n\r\nfunction showError(){\r\n  animateOut(14, ()=>{\r\n    const el=document.getElementById('errorScreen');\r\n    const mb=document.getElementById('mascotBubble');\r\n    const mbd=document.getElementById('mascotBubbleDesk');\r\n    if(el){ el.classList.add('active'); el.style.display='block'; }\r\n    if(mb) mb.textContent='Calma, vamos tentar de novo.';\r\n    if(mbd) mbd.textContent='Calma, vamos tentar de novo.';\r\n  });\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded',()=>{\r\n  buildDots(); updateUI(1);\r\n  document.getElementById('f-nome').focus();\r\n  document.getElementById('f-cpf').addEventListener('input',function(){maskCPF(this)});\r\n  document.getElementById('f-cnpj').addEventListener('input',function(){maskCNPJ(this)});\r\n  document.getElementById('f-whatsapp').addEventListener('input',function(){maskPhone(this)});\r\n  document.getElementById('f-nf-tel').addEventListener('input',function(){maskPhone(this)});\r\n  document.getElementById('f-cep').addEventListener('input',function(){maskCEP(this)});\r\n  document.getElementById('f-cep').addEventListener('blur',buscaCEP);\r\n  document.getElementById('f-aniv').addEventListener('input',function(){maskData(this)});\r\n  document.addEventListener('keydown',e=>{\r\n    const tag=(e.target.tagName||'').toUpperCase();\r\n    const editavel=tag==='INPUT'||tag==='TEXTAREA'||tag==='SELECT'||e.target.isContentEditable;\r\n    if(e.key==='Enter' && current!==7){\r\n      e.preventDefault();\r\n      if(current===14) enviar();\r\n      else document.querySelector('#q'+current+' .btn-next')?.click();\r\n    }\r\n    if(e.key==='Backspace'){\r\n      const campoComTexto=editavel && e.target.value && e.target.value.length>0;\r\n      if(!campoComTexto){\r\n        e.preventDefault();\r\n        document.querySelector('#q'+current+' .btn-back')?.click();\r\n      }\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\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>Cadastro de Novo Cliente<\/p>\n","protected":false},"author":1,"featured_media":24,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":81,"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/pages\/16\/revisions\/108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/media\/24"}],"wp:attachment":[{"href":"https:\/\/agenciarca.com.br\/cadastro\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}