{"id":5190,"date":"2023-02-21T16:10:14","date_gmt":"2023-02-21T16:10:14","guid":{"rendered":"https:\/\/nacionalhost.com.br\/acacef\/?page_id=5190"},"modified":"2026-02-05T17:23:28","modified_gmt":"2026-02-05T17:23:28","slug":"associe-se-2","status":"publish","type":"page","link":"https:\/\/acacef.com.br\/novo\/associe-se-2\/","title":{"rendered":"Associe-se"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5190\" class=\"elementor elementor-5190\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-86bb86e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86bb86e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d72d42d ot-flex-column-vertical\" data-id=\"d72d42d\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f47fc2b elementor-widget elementor-widget-spacer\" data-id=\"f47fc2b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a7444 elementor-widget elementor-widget-heading\" data-id=\"c3a7444\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CADASTRO DE ASSOCIADOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8b796c elementor-widget elementor-widget-spacer\" data-id=\"f8b796c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9bdfe02 e-flex e-con-boxed e-con e-parent\" data-id=\"9bdfe02\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d11991 elementor-widget elementor-widget-html\" data-id=\"5d11991\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===== Reset local (evita conflito no Elementor) ===== *\/\r\n  #acacef-wizard, #acacef-wizard * { box-sizing: border-box; font-family: \"Poppins\", sans-serif; }\r\n  #acacef-wizard { width: 100%; }\r\n\r\n  \/* ===== Layout ===== *\/\r\n  .ac-wrap{\r\n    max-width: 980px;\r\n    margin: 24px auto;\r\n    padding: 18px;\r\n    background:\r\n      radial-gradient(900px 500px at 15% 0%, rgba(124,58,237,.08), transparent 60%),\r\n      radial-gradient(900px 500px at 85% 0%, rgba(37,99,235,.08), transparent 60%),\r\n      linear-gradient(180deg, #ffffff, #f6f7fb);\r\n    border-radius: 22px;\r\n    border: 1px solid rgba(15,23,42,.10);\r\n    box-shadow: 0 22px 70px rgba(15,23,42,.14);\r\n    overflow: visible; \/* <-- evita cortar conte\u00fado *\/\r\n  }\r\n\r\n  .ac-header{\r\n    display:flex; align-items:flex-end; justify-content:space-between;\r\n    gap: 14px; padding: 8px 8px 14px;\r\n  }\r\n  .ac-title h2{ margin:0; font-size: 22px; font-weight: 800; color:#0f172a; }\r\n  .ac-title p{ margin:6px 0 0; color: rgba(15,23,42,.62); font-size: 13px; }\r\n\r\n  .ac-progress{\r\n    width: min(420px, 48vw);\r\n    background: rgba(255,255,255,.75);\r\n    border: 1px solid rgba(15,23,42,.10);\r\n    border-radius: 16px;\r\n    padding: 12px;\r\n    box-shadow: 0 12px 36px rgba(15,23,42,.10);\r\n  }\r\n  .ac-progress-top{\r\n    display:flex; justify-content:space-between; gap:10px;\r\n    color: rgba(15,23,42,.62);\r\n    font-size: 12px;\r\n    margin-bottom: 10px;\r\n    font-weight: 500;\r\n  }\r\n  .ac-bar{\r\n    height: 10px;\r\n    border-radius: 999px;\r\n    background: rgba(15,23,42,.06);\r\n    border: 1px solid rgba(15,23,42,.10);\r\n    overflow:hidden;\r\n  }\r\n  .ac-bar > div{\r\n    height:100%;\r\n    width: 0%;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, rgba(37,99,235,.92), rgba(124,58,237,.92));\r\n    transition: width .25s ease;\r\n  }\r\n\r\n  \/* ===== Card \/ Step ===== *\/\r\n  .ac-card{\r\n    background: rgba(255,255,255,.92);\r\n    border: 1px solid rgba(15,23,42,.10);\r\n    border-radius: 20px;\r\n    box-shadow: 0 14px 44px rgba(15,23,42,.10);\r\n    padding: 18px;\r\n    overflow: visible; \/* <-- evita cortar conte\u00fado *\/\r\n  }\r\n\r\n  .ac-step{ display:none; }\r\n  .ac-step.active{ display:block; }\r\n\r\n  .ac-step-head{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    gap: 10px;\r\n    padding-bottom: 12px;\r\n    border-bottom: 1px solid rgba(15,23,42,.08);\r\n    margin-bottom: 14px;\r\n  }\r\n  .ac-step-head h3{ margin:0; font-size: 18px; font-weight: 800; color:#0f172a; }\r\n  .ac-pill{\r\n    padding: 6px 10px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(15,23,42,.10);\r\n    background: rgba(37,99,235,.06);\r\n    color: rgba(15,23,42,.70);\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* ===== Fields ===== *\/\r\n  .ac-grid{\r\n    display:grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px 12px;\r\n  }\r\n  .ac-field{ display:flex; flex-direction:column; gap:8px; }\r\n  .ac-field label{\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: rgba(15,23,42,.70);\r\n  }\r\n  .req{ color: #dc2626; font-weight: 800; }\r\n\r\n  input, select{\r\n    width: 100%;\r\n    padding: 14px 14px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(15,23,42,.14);\r\n    background: #fff;\r\n    color: #0f172a;\r\n    font-size: 15px;\r\n    outline: none;\r\n    box-shadow: 0 6px 18px rgba(15, 23, 42, .06);\r\n    transition: box-shadow .15s ease, border-color .15s ease, transform .10s ease;\r\n  }\r\n  input:focus, select:focus{\r\n    border-color: rgba(37,99,235,.55);\r\n    box-shadow: 0 0 0 4px rgba(37,99,235,.14), 0 10px 26px rgba(15,23,42,.10);\r\n  }\r\n\r\n  .ac-choices{ display:flex; flex-wrap:wrap; gap:10px; }\r\n  .ac-choice{\r\n    display:flex; align-items:center; gap:10px;\r\n    padding: 12px 14px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(15,23,42,.14);\r\n    background: #fff;\r\n    box-shadow: 0 8px 22px rgba(15,23,42,.08);\r\n    cursor:pointer;\r\n    user-select:none;\r\n  }\r\n\r\n  .ac-agree{\r\n    display:flex; gap:10px; align-items:flex-start;\r\n    padding: 12px 14px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(15,23,42,.14);\r\n    background: #fff;\r\n    box-shadow: 0 8px 22px rgba(15,23,42,.08);\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  \/* ===== Footer actions (n\u00e3o corta) ===== *\/\r\n  .ac-actions{\r\n    display:flex; justify-content:space-between; gap:10px;\r\n    margin-top: 16px;\r\n    padding-top: 14px;\r\n    border-top: 1px solid rgba(15,23,42,.08);\r\n    flex-wrap: wrap;\r\n  }\r\n  .ac-btn{\r\n    padding: 12px 18px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(15,23,42,.14);\r\n    background: #fff;\r\n    color: #0f172a;\r\n    font-weight: 800;\r\n    cursor:pointer;\r\n    box-shadow: 0 10px 24px rgba(15,23,42,.08);\r\n  }\r\n  .ac-btn.primary{\r\n    border-color: rgba(37,99,235,.30);\r\n    background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(37,99,235,.06));\r\n  }\r\n  .ac-btn:active{ transform: translateY(1px); }\r\n  .ac-error{\r\n    color:#dc2626;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-top: 10px;\r\n    min-height: 18px;\r\n  }\r\n\r\n  \/* Honeypot *\/\r\n  .hp{ display:none !important; }\r\n\r\n  \/* Responsivo *\/\r\n  @media (max-width: 860px){\r\n    .ac-header{ flex-direction:column; align-items:stretch; }\r\n    .ac-progress{ width: 100%; }\r\n    .ac-grid{ grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"acacef-wizard\">\r\n  <div class=\"ac-wrap\">\r\n    <div class=\"ac-header\">\r\n      <div class=\"ac-title\">\r\n        <h2>Cadastro ACACEF<\/h2>\r\n        <p>Preencha em blocos de 5 perguntas. Use \u201cPr\u00f3ximo\u201d para avan\u00e7ar.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ac-progress\">\r\n        <div class=\"ac-progress-top\">\r\n          <span id=\"acStepCount\">Etapa 1\/9<\/span>\r\n          <span>Enter = Pr\u00f3ximo \u2022 Shift+Enter = Voltar<\/span>\r\n        <\/div>\r\n        <div class=\"ac-bar\"><div id=\"acBarFill\"><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ac-card\">\r\n      <form id=\"acForm\" action=\"\/novo\/send.php\" method=\"post\" novalidate>\r\n        <input type=\"text\" name=\"website\" class=\"hp\" tabindex=\"-1\" autocomplete=\"off\" \/>\r\n\r\n        <!-- ETAPA 1 (5 campos) -->\r\n        <section class=\"ac-step active\" data-title=\"Dados pessoais\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Dados pessoais<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Nome completo <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"nome\" type=\"text\" placeholder=\"Nome completo\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Sexo <span class=\"req\">*<\/span><\/label>\r\n              <div class=\"ac-choices\">\r\n                <label class=\"ac-choice\"><input type=\"radio\" name=\"sexo\" value=\"Masculino\" required> Masculino<\/label>\r\n                <label class=\"ac-choice\"><input type=\"radio\" name=\"sexo\" value=\"Feminino\" required> Feminino<\/label>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Matr\u00edcula <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"matricula\" type=\"text\" inputmode=\"numeric\" placeholder=\"Matr\u00edcula\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Categoria <span class=\"req\">*<\/span><\/label>\r\n              <select name=\"categoria\" required>\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>1) aposentado (a)<\/option>\r\n                <option>2) aposentado (a) INSS<\/option>\r\n                <option>3) pensionista<\/option>\r\n                <option>4) ativo<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Data de nascimento<\/label>\r\n              <input name=\"data_nascimento\" type=\"date\" min=\"1930-01-01\" max=\"2099-12-31\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 2 -->\r\n        <section class=\"ac-step\" data-title=\"Dados complementares\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Dados complementares<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Data de aposentadoria<\/label>\r\n              <input name=\"data_aposentadoria\" type=\"date\" min=\"1930-01-01\" max=\"2099-12-31\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Estado civil<\/label>\r\n              <select name=\"estado_civil\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>1) Solteiro (a)<\/option>\r\n                <option>2) Casado (a)<\/option>\r\n                <option>3) Separado (a)<\/option>\r\n                <option>4) Divorciado (a)<\/option>\r\n                <option>5) Vi\u00favo (a)<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Naturalidade <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"naturalidade\" type=\"text\" placeholder=\"Naturalidade\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Nome do c\u00f4njuge<\/label>\r\n              <input name=\"conjuge\" type=\"text\" placeholder=\"Nome do c\u00f4njuge (opcional)\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Nascimento do c\u00f4njuge<\/label>\r\n              <input name=\"data_nasc_conjuge\" type=\"date\" min=\"1930-01-01\" max=\"2099-12-31\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 3 -->\r\n        <section class=\"ac-step\" data-title=\"Documentos\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Documentos<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>UF atual <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"uf\" type=\"text\" placeholder=\"Ex.: SC\" maxlength=\"2\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>CPF <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"cpf\" id=\"cpf\" type=\"text\" inputmode=\"numeric\" placeholder=\"000.000.000-00\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>RG <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"rg\" type=\"text\" placeholder=\"RG\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>\u00d3rg\u00e3o expedidor <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"orgao_expedidor\" type=\"text\" placeholder=\"Ex.: SSP\/SC\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Plano<\/label>\r\n              <select name=\"plano\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>1) Reg\/replan<\/option>\r\n                <option>2) Padv<\/option>\r\n                <option>3) Reb<\/option>\r\n                <option>4) Novo Plano<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 4 -->\r\n        <section class=\"ac-step\" data-title=\"Institui\u00e7\u00e3o e Endere\u00e7o\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Institui\u00e7\u00e3o e Endere\u00e7o<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Institui\u00e7\u00e3o<\/label>\r\n              <select name=\"instituicao\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>1) FUNCEF<\/option>\r\n                <option>2) Outros<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Endere\u00e7o (Rua)<\/label>\r\n              <input name=\"endereco\" type=\"text\" placeholder=\"Rua \/ Avenida\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>N\u00famero<\/label>\r\n              <input name=\"numero\" type=\"text\" placeholder=\"N\u00ba\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Complemento<\/label>\r\n              <input name=\"complemento\" type=\"text\" placeholder=\"Apto \/ Bloco \/ Condom\u00ednio\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>CEP <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"cep\" id=\"cep\" type=\"text\" inputmode=\"numeric\" placeholder=\"99999-999\" required>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 5 -->\r\n        <section class=\"ac-step\" data-title=\"Localiza\u00e7\u00e3o e Contato\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Localiza\u00e7\u00e3o e Contato<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Bairro<\/label>\r\n              <input name=\"bairro\" type=\"text\" placeholder=\"Bairro\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Estado (nome)<\/label>\r\n              <input name=\"estado_nome\" type=\"text\" placeholder=\"Estado\">\r\n            <\/div>\r\n\r\n          <div class=\"ac-field\">\r\n  <label>Cidade <span class=\"req\">*<\/span><\/label>\r\n  <input name=\"cidade\" type=\"text\" placeholder=\"Cidade\" required>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Telefone fixo<\/label>\r\n              <input name=\"telefone_fixo\" type=\"tel\" placeholder=\"(xx) xxxx-xxxx\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Celular \/ WhatsApp <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"celular\" type=\"tel\" placeholder=\"(xx) 9xxxx-xxxx\" required>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 6 -->\r\n        <section class=\"ac-step\" data-title=\"E-mail e Banco\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>E-mail e Banco<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>E-mail <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"email\" type=\"email\" placeholder=\"seuemail@dominio.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Banco \/ Institui\u00e7\u00e3o <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"banco\" type=\"text\" placeholder=\"Nome do banco\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Ag\u00eancia <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"agencia\" type=\"text\" placeholder=\"Ag\u00eancia\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Opera\u00e7\u00e3o <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"operacao\" type=\"text\" placeholder=\"Opera\u00e7\u00e3o\" required>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Conta <span class=\"req\">*<\/span><\/label>\r\n              <input name=\"conta\" type=\"text\" placeholder=\"Conta\" required>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 7 -->\r\n        <section class=\"ac-step\" data-title=\"Sa\u00fade e Emerg\u00eancia\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Sa\u00fade e Emerg\u00eancia<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Plano de sa\u00fade<\/label>\r\n              <select name=\"plano_saude\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Seguro de vida<\/label>\r\n              <select name=\"seguro_vida\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Pr\u00e1tica atividade f\u00edsica<\/label>\r\n              <select name=\"atividade_fisica\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Contato de emerg\u00eancia (nome)<\/label>\r\n              <input name=\"contato_emergencia_nome\" type=\"text\" placeholder=\"Nome completo\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Contato de emerg\u00eancia (telefone)<\/label>\r\n              <input name=\"contato_emergencia_tel\" type=\"tel\" placeholder=\"(xx) 9xxxx-xxxx\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 8 -->\r\n        <section class=\"ac-step\" data-title=\"Perfil\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Perfil<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Escolaridade<\/label>\r\n              <select name=\"escolaridade\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>1) 1\u00ba Grau<\/option>\r\n                <option>2) 2\u00ba Grau<\/option>\r\n                <option>3) Superior Incompleto<\/option>\r\n                <option>4) Superior Completo<\/option>\r\n                <option>5) Especializa\u00e7\u00e3o<\/option>\r\n                <option>6) Mestrado \/ Doutorado<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Exerce atividade profissional<\/label>\r\n              <select name=\"atividade_profissional\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Exerce atividade social<\/label>\r\n              <select name=\"atividade_social\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Moradia<\/label>\r\n              <select name=\"moradia\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Pr\u00f3pria<\/option>\r\n                <option>Alugada<\/option>\r\n                <option>Fam\u00edlia<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Conhecimento inform\u00e1tica<\/label>\r\n              <select name=\"conhecimento_informatica\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <!-- ETAPA 9 -->\r\n        <section class=\"ac-step\" data-title=\"Finaliza\u00e7\u00e3o\">\r\n          <div class=\"ac-step-head\">\r\n            <h3>Finaliza\u00e7\u00e3o<\/h3>\r\n            <span class=\"ac-pill\">5 perguntas<\/span>\r\n          <\/div>\r\n          <div class=\"ac-grid\">\r\n            <div class=\"ac-field\">\r\n              <label>Possui computador<\/label>\r\n              <select name=\"tem_computador\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Toca instrumento musical<\/label>\r\n              <select name=\"instrumento_musical\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Filiado a outra associa\u00e7\u00e3o<\/label>\r\n              <select name=\"filiado_outra_associacao\">\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option>Sim<\/option>\r\n                <option>N\u00e3o<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Data de assinatura<\/label>\r\n              <input name=\"data_assinatura\" type=\"date\">\r\n            <\/div>\r\n\r\n            <div class=\"ac-field\">\r\n              <label>Prove que voc\u00ea n\u00e3o \u00e9 um rob\u00f4 <span class=\"req\">*<\/span><\/label>\r\n              <select name=\"quiz\" required>\r\n                <option value=\"\" selected disabled>Selecione\u2026<\/option>\r\n                <option value=\"20\">10 + 10 = 20<\/option>\r\n                <option value=\"30\">25 + 5 = 30<\/option>\r\n                <option value=\"34\">27 + 7 = 34<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <label class=\"ac-agree\">\r\n              <input type=\"checkbox\" name=\"aceite\" value=\"1\" required>\r\n              Autorizo \u00e0 FUNCEF a promover, em Folha de Pagamento, desconto de mensalidade vigente, em favor da ACACEF, a partir do corrente m\u00eas.\r\n              <span class=\"req\">*<\/span>\r\n            <\/label>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"ac-error\" id=\"acError\" aria-live=\"polite\"><\/div>\r\n\r\n        <div class=\"ac-actions\">\r\n          <button type=\"button\" class=\"ac-btn\" id=\"acPrev\">Voltar<\/button>\r\n          <button type=\"button\" class=\"ac-btn primary\" id=\"acNext\">Pr\u00f3ximo<\/button>\r\n          <button type=\"submit\" class=\"ac-btn primary\" id=\"acSubmit\" style=\"display:none;\">Enviar<\/button>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById(\"acacef-wizard\");\r\n  const form = document.getElementById(\"acForm\");\r\n  const steps = Array.from(root.querySelectorAll(\".ac-step\"));\r\n  const prevBtn = document.getElementById(\"acPrev\");\r\n  const nextBtn = document.getElementById(\"acNext\");\r\n  const submitBtn = document.getElementById(\"acSubmit\");\r\n  const barFill = document.getElementById(\"acBarFill\");\r\n  const stepCount = document.getElementById(\"acStepCount\");\r\n  const errorBox = document.getElementById(\"acError\");\r\n\r\n  let i = 0;\r\n\r\n  const clamp = (n,min,max) => Math.max(min, Math.min(max, n));\r\n\r\n  const focusFirst = () => {\r\n    const first = steps[i].querySelector(\"input, select, textarea\");\r\n    if (first) first.focus({preventScroll:true});\r\n  };\r\n\r\n  const update = () => {\r\n    steps.forEach((s, idx) => s.classList.toggle(\"active\", idx === i));\r\n\r\n    const total = steps.length;\r\n    const pct = Math.round(((i + 1) \/ total) * 100);\r\n    barFill.style.width = pct + \"%\";\r\n    stepCount.textContent = `Etapa ${i + 1}\/${total} \u2014 ${steps[i].dataset.title || \"\"}`;\r\n\r\n    errorBox.textContent = \"\";\r\n\r\n    prevBtn.style.display = i === 0 ? \"none\" : \"inline-flex\";\r\n    const isLast = i === total - 1;\r\n    nextBtn.style.display = isLast ? \"none\" : \"inline-flex\";\r\n    submitBtn.style.display = isLast ? \"inline-flex\" : \"none\";\r\n\r\n    focusFirst();\r\n  };\r\n\r\n  const validateStep = () => {\r\n    const current = steps[i];\r\n    const required = Array.from(current.querySelectorAll(\"[required]\"));\r\n\r\n    for (const el of required) {\r\n      if (el.type === \"radio\") {\r\n        const any = form.querySelector(`input[type=\"radio\"][name=\"${el.name}\"]:checked`);\r\n        if (!any) return { ok:false, msg:\"Selecione uma op\u00e7\u00e3o para continuar.\" };\r\n        continue;\r\n      }\r\n      if (!el.checkValidity()) {\r\n        return { ok:false, msg: el.validationMessage || \"Confira os campos obrigat\u00f3rios.\" };\r\n      }\r\n    }\r\n\r\n    const quiz = current.querySelector('select[name=\"quiz\"]');\r\n    if (quiz && ![\"20\",\"30\",\"34\"].includes(quiz.value)) {\r\n      return { ok:false, msg:\"Selecione uma op\u00e7\u00e3o v\u00e1lida no quiz.\" };\r\n    }\r\n\r\n    return { ok:true };\r\n  };\r\n\r\n  const goNext = () => {\r\n    const v = validateStep();\r\n    if (!v.ok) {\r\n      errorBox.textContent = v.msg;\r\n      const target = steps[i].querySelector(\"input[required], select[required]\") || steps[i].querySelector(\"input, select\");\r\n      if (target) target.focus({preventScroll:true});\r\n      return;\r\n    }\r\n    i = clamp(i + 1, 0, steps.length - 1);\r\n    update();\r\n  };\r\n\r\n  const goPrev = () => {\r\n    i = clamp(i - 1, 0, steps.length - 1);\r\n    update();\r\n  };\r\n\r\n  nextBtn.addEventListener(\"click\", goNext);\r\n  prevBtn.addEventListener(\"click\", goPrev);\r\n\r\n  \/\/ Enter \/ Shift+Enter\r\n  document.addEventListener(\"keydown\", (e) => {\r\n    if (!root.contains(document.activeElement)) return; \/\/ s\u00f3 quando estiver no formul\u00e1rio\r\n    const tag = (document.activeElement?.tagName || \"\").toLowerCase();\r\n    const typing = tag === \"input\" || tag === \"select\" || tag === \"textarea\";\r\n\r\n    if (e.key === \"Enter\" && typing) {\r\n      if (tag === \"textarea\") return;\r\n      e.preventDefault();\r\n      if (e.shiftKey) goPrev();\r\n      else goNext();\r\n    }\r\n  });\r\n\r\n  \/\/ m\u00e1scaras simples\r\n  const mask = (el, pattern) => {\r\n    el.addEventListener(\"input\", () => {\r\n      const digits = el.value.replace(\/\\D\/g, \"\");\r\n      let out = \"\", di = 0;\r\n      for (const p of pattern) {\r\n        if (p === \"9\") out += digits[di++] || \"\";\r\n        else out += (digits[di] ? p : \"\");\r\n      }\r\n      el.value = out;\r\n    });\r\n  };\r\n  const cpf = document.getElementById(\"cpf\");\r\n  const cep = document.getElementById(\"cep\");\r\n  if (cpf) mask(cpf, \"999.999.999-99\");\r\n  if (cep) mask(cep, \"99999-999\");\r\n\r\n  \/\/ Honeypot\r\n  form.addEventListener(\"submit\", (e) => {\r\n    if ((form.website?.value || \"\").trim() !== \"\") {\r\n      e.preventDefault();\r\n      return;\r\n    }\r\n    \/\/ valida tamb\u00e9m a \u00faltima etapa\r\n    const v = validateStep();\r\n    if (!v.ok) {\r\n      e.preventDefault();\r\n      errorBox.textContent = v.msg;\r\n    }\r\n  });\r\n\r\n  update();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e5dde5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e5dde5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e7fcb14 ot-flex-column-vertical\" data-id=\"e7fcb14\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7ae6a0 elementor-widget elementor-widget-spacer\" data-id=\"f7ae6a0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CADASTRO DE ASSOCIADOS Cadastro ACACEF Preencha em blocos de 5 perguntas. Use \u201cPr\u00f3ximo\u201d para avan\u00e7ar. Etapa 1\/9 Enter = Pr\u00f3ximo \u2022 Shift+Enter = Voltar Dados pessoais 5 perguntas Nome completo * Sexo * Masculino Feminino Matr\u00edcula * Categoria * Selecione\u20261) aposentado (a)2) aposentado (a) INSS3) pensionista4) ativo Data de nascimento Dados complementares 5 perguntas Data [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/pages\/5190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/comments?post=5190"}],"version-history":[{"count":47,"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/pages\/5190\/revisions"}],"predecessor-version":[{"id":11364,"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/pages\/5190\/revisions\/11364"}],"wp:attachment":[{"href":"https:\/\/acacef.com.br\/novo\/wp-json\/wp\/v2\/media?parent=5190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}