{"id":187,"date":"2026-04-29T02:47:35","date_gmt":"2026-04-29T02:47:35","guid":{"rendered":"https:\/\/nitaulab.com.br\/?page_id=187"},"modified":"2026-05-03T01:34:53","modified_gmt":"2026-05-03T01:34:53","slug":"propor-projeto","status":"publish","type":"page","link":"https:\/\/nitaulab.com.br\/en\/propor-projeto\/","title":{"rendered":"Propor um projeto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"187\" class=\"elementor elementor-187\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b85de1 e-flex e-con-boxed e-con e-parent\" data-id=\"6b85de1\" 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-83f7141 elementor-widget elementor-widget-html\" data-id=\"83f7141\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   NITAU LAB \u2014 PROPOR UM PROJETO\r\n   Slug sugerido: propor-projeto\r\n   Cole no Elementor via widget \"HTML Personalizado\"\r\n   \r\n   \u26a0\ufe0f IMPORTANTE: Para o formul\u00e1rio funcionar e enviar e-mail,\r\n   instale o plugin WPForms (gratuito) ou Contact Form 7 no WordPress.\r\n   Este HTML simula o formul\u00e1rio visualmente \u2014 veja instru\u00e7\u00f5es no final.\r\n   ============================================================ -->\r\n\r\n<style>\r\n.np * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.np {\r\n  background: var(--nitau-bg, #0a0a0f);\r\n  font-family: var(--nitau-font, 'Plus Jakarta Sans', sans-serif);\r\n  padding: 100px 0;\r\n}\r\n\r\n.np__inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* HEADER *\/\r\n.np__label {\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n  color: var(--nitau-purple-neon, #a855f7);\r\n  display: block; margin-bottom: 14px;\r\n}\r\n\r\n.np__title {\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  font-weight: 800; color: var(--nitau-text, #f1f1f5);\r\n  letter-spacing: -0.03em; line-height: 1.15; margin-bottom: 16px;\r\n}\r\n\r\n.np__title .grad {\r\n  background: linear-gradient(90deg, #a855f7, #3b82f6);\r\n  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n\r\n\/* BOAS-VINDAS *\/\r\n.np__welcome {\r\n  background: linear-gradient(135deg, #160830 0%, #0c0c22 100%);\r\n  border: 1px solid rgba(124,58,237,0.2);\r\n  border-radius: 20px;\r\n  padding: 40px 44px;\r\n  margin-bottom: 56px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.np__welcome::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -60px; right: -60px;\r\n  width: 280px; height: 280px;\r\n  background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.np__welcome-emoji {\r\n  font-size: 2rem; margin-bottom: 12px; display: block;\r\n}\r\n\r\n.np__welcome-title {\r\n  font-size: 1.4rem; font-weight: 700;\r\n  color: var(--nitau-text, #f1f1f5);\r\n  margin-bottom: 10px; position: relative;\r\n}\r\n\r\n.np__welcome-text {\r\n  font-size: 1rem; color: var(--nitau-text-muted, #9191a8);\r\n  line-height: 1.75; max-width: 620px; position: relative;\r\n}\r\n\r\n\/* GRID FORMUL\u00c1RIO *\/\r\n.np__layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 380px;\r\n  gap: 40px;\r\n  align-items: start;\r\n}\r\n\r\n\/* FORMUL\u00c1RIO *\/\r\n.np__form {\r\n  background: var(--nitau-bg-card, #12121a);\r\n  border: 1px solid var(--nitau-border, rgba(255,255,255,0.08));\r\n  border-radius: 24px;\r\n  padding: 40px;\r\n}\r\n\r\n.np__form-section {\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.np__section-label {\r\n  font-size: 0.7rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: var(--nitau-purple-neon, #a855f7);\r\n  display: flex; align-items: center; gap: 8px;\r\n  margin-bottom: 20px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 1px solid rgba(255,255,255,0.06);\r\n}\r\n\r\n.np__section-num {\r\n  width: 22px; height: 22px;\r\n  background: rgba(124,58,237,0.15);\r\n  border: 1px solid rgba(124,58,237,0.3);\r\n  border-radius: 50%;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  font-size: 0.65rem; font-weight: 800; color: #a855f7;\r\n}\r\n\r\n.np__row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n.np__row.full { grid-template-columns: 1fr; }\r\n\r\n.np__field { display: flex; flex-direction: column; gap: 7px; }\r\n\r\n.np__field label {\r\n  font-size: 0.78rem; font-weight: 600;\r\n  color: var(--nitau-text-muted, #9191a8);\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.np__field input,\r\n.np__field select,\r\n.np__field textarea {\r\n  font-family: var(--nitau-font, 'Plus Jakarta Sans', sans-serif);\r\n  font-size: 0.9rem; font-weight: 500;\r\n  color: var(--nitau-text, #f1f1f5);\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 12px;\r\n  padding: 13px 16px;\r\n  outline: none;\r\n  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\r\n  width: 100%;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n.np__field input::placeholder,\r\n.np__field textarea::placeholder {\r\n  color: rgba(145,145,168,0.5);\r\n}\r\n\r\n.np__field input:focus,\r\n.np__field select:focus,\r\n.np__field textarea:focus {\r\n  border-color: rgba(168,85,247,0.5);\r\n  background: rgba(124,58,237,0.05);\r\n  box-shadow: 0 0 0 3px rgba(124,58,237,0.1);\r\n}\r\n\r\n.np__field select {\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239191a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 14px center;\r\n  padding-right: 42px;\r\n  cursor: pointer;\r\n}\r\n\r\n.np__field select option {\r\n  background: #12121a;\r\n  color: #f1f1f5;\r\n}\r\n\r\n.np__field textarea {\r\n  resize: vertical;\r\n  min-height: 130px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* OP\u00c7\u00d5ES DE TIPO (chips) *\/\r\n.np__chips {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.np__chip {\r\n  position: relative;\r\n}\r\n\r\n.np__chip input[type=\"radio\"] {\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 0; height: 0;\r\n}\r\n\r\n.np__chip label {\r\n  font-family: var(--nitau-font, 'Plus Jakarta Sans', sans-serif);\r\n  font-size: 0.82rem; font-weight: 600;\r\n  color: var(--nitau-text-muted, #9191a8);\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 999px;\r\n  padding: 9px 18px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: block;\r\n  user-select: none;\r\n}\r\n\r\n.np__chip input[type=\"radio\"]:checked + label {\r\n  background: rgba(124,58,237,0.15);\r\n  border-color: rgba(168,85,247,0.5);\r\n  color: #a855f7;\r\n  box-shadow: 0 0 0 2px rgba(124,58,237,0.15);\r\n}\r\n\r\n.np__chip label:hover {\r\n  border-color: rgba(168,85,247,0.3);\r\n  color: var(--nitau-text, #f1f1f5);\r\n}\r\n\r\n\/* BOT\u00c3O ENVIAR *\/\r\n.np__submit {\r\n  font-family: var(--nitau-font, 'Plus Jakarta Sans', sans-serif);\r\n  font-size: 0.95rem; font-weight: 700;\r\n  color: #fff;\r\n  background: linear-gradient(135deg, #7c3aed, #a855f7);\r\n  border: none; border-radius: 14px;\r\n  padding: 16px 32px;\r\n  cursor: pointer;\r\n  width: 100%;\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  box-shadow: 0 4px 24px rgba(124,58,237,0.4);\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\r\n  margin-top: 8px;\r\n  letter-spacing: 0.01em;\r\n}\r\n.np__submit:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 32px rgba(124,58,237,0.55);\r\n  opacity: 0.92;\r\n}\r\n.np__submit svg { width: 18px; height: 18px; stroke: currentColor; }\r\n\r\n\/* MENSAGEM DE SUCESSO *\/\r\n.np__success {\r\n  display: none;\r\n  background: rgba(34,197,94,0.08);\r\n  border: 1px solid rgba(34,197,94,0.25);\r\n  border-radius: 16px;\r\n  padding: 28px 32px;\r\n  text-align: center;\r\n  margin-top: 20px;\r\n}\r\n.np__success.show { display: block; }\r\n.np__success-icon { font-size: 2.5rem; margin-bottom: 12px; display: block; }\r\n.np__success-title {\r\n  font-size: 1.1rem; font-weight: 700;\r\n  color: var(--nitau-text, #f1f1f5); margin-bottom: 8px;\r\n}\r\n.np__success-text {\r\n  font-size: 0.88rem; color: var(--nitau-text-muted, #9191a8); line-height: 1.6;\r\n}\r\n\r\n\/* SIDEBAR \u2014 O que acontece depois *\/\r\n.np__sidebar { display: flex; flex-direction: column; gap: 16px; }\r\n\r\n.np__sidebar-card {\r\n  background: var(--nitau-bg-card, #12121a);\r\n  border: 1px solid var(--nitau-border, rgba(255,255,255,0.08));\r\n  border-radius: 20px;\r\n  padding: 28px;\r\n}\r\n\r\n.np__sidebar-title {\r\n  font-size: 0.9rem; font-weight: 700;\r\n  color: var(--nitau-text, #f1f1f5);\r\n  margin-bottom: 18px;\r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n\r\n.np__steps { display: flex; flex-direction: column; gap: 16px; }\r\n\r\n.np__step {\r\n  display: flex; align-items: flex-start; gap: 14px;\r\n}\r\n\r\n.np__step-num {\r\n  width: 28px; height: 28px; flex-shrink: 0;\r\n  background: rgba(124,58,237,0.12);\r\n  border: 1px solid rgba(124,58,237,0.25);\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 0.72rem; font-weight: 800; color: #a855f7;\r\n}\r\n\r\n.np__step-content {}\r\n.np__step-title {\r\n  font-size: 0.82rem; font-weight: 700;\r\n  color: var(--nitau-text, #f1f1f5); margin-bottom: 3px;\r\n}\r\n.np__step-desc {\r\n  font-size: 0.75rem; color: var(--nitau-text-muted, #9191a8); line-height: 1.55;\r\n}\r\n\r\n\/* Contato direto *\/\r\n.np__direct {\r\n  background: linear-gradient(135deg, #160830 0%, #0c0c22 100%);\r\n  border: 1px solid rgba(124,58,237,0.2);\r\n  border-radius: 20px;\r\n  padding: 28px;\r\n}\r\n\r\n.np__direct-title {\r\n  font-size: 0.88rem; font-weight: 700;\r\n  color: var(--nitau-text, #f1f1f5); margin-bottom: 16px;\r\n}\r\n\r\n.np__direct-link {\r\n  display: flex; align-items: center; gap: 12px;\r\n  padding: 12px 14px;\r\n  background: rgba(255,255,255,0.03);\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  margin-bottom: 10px;\r\n  transition: border-color 0.2s ease, background 0.2s ease;\r\n}\r\n.np__direct-link:hover {\r\n  border-color: rgba(168,85,247,0.3);\r\n  background: rgba(124,58,237,0.05);\r\n}\r\n.np__direct-link:last-child { margin-bottom: 0; }\r\n\r\n.np__direct-icon {\r\n  width: 34px; height: 34px; flex-shrink: 0;\r\n  border-radius: 9px;\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.np__direct-icon.wa { background: #25d366; }\r\n.np__direct-icon.em { background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.25); }\r\n.np__direct-icon svg { width: 16px; height: 16px; stroke: #fff; }\r\n.np__direct-icon.em svg { stroke: #a855f7; }\r\n\r\n.np__direct-text {}\r\n.np__direct-label { font-size: 0.7rem; color: var(--nitau-text-muted, #9191a8); display: block; }\r\n.np__direct-value { font-size: 0.8rem; font-weight: 600; color: var(--nitau-text, #f1f1f5); display: block; }\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 960px) {\r\n  .np__layout { grid-template-columns: 1fr; }\r\n  .np__sidebar { order: -1; }\r\n}\r\n@media (max-width: 680px) {\r\n  .np__row { grid-template-columns: 1fr; }\r\n  .np__inner { padding: 0 20px; }\r\n  .np { padding: 60px 0; }\r\n  .np__form { padding: 28px 20px; }\r\n  .np__welcome { padding: 28px 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"np\">\r\n  <div class=\"np__inner\">\r\n\r\n    <!-- HEADER -->\r\n    <span class=\"np__label\">Vamos criar juntos<\/span>\r\n    <h1 class=\"np__title\">Propor um <span class=\"grad\">Projeto<\/span><\/h1>\r\n\r\n    <!-- BOAS-VINDAS -->\r\n    <div class=\"np__welcome\">\r\n      <span class=\"np__welcome-emoji\">\ud83d\udc4b<\/span>\r\n      <div class=\"np__welcome-title\">Ol\u00e1!<\/div>\r\n      <p class=\"np__welcome-text\">\r\n        Voc\u00ea tem uma sugest\u00e3o, desafio ou problema? Fale conosco e pensaremos uma solu\u00e7\u00e3o criativa para voc\u00ea, sua empresa, institui\u00e7\u00e3o ou fam\u00edlia!\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"np__layout\">\r\n\r\n      <!-- FORMUL\u00c1RIO -->\r\n      <div class=\"np__form\">\r\n        <form id=\"npForm\" onsubmit=\"npSubmit(event)\">\r\n\r\n          <!-- SE\u00c7\u00c3O 1: Dados pessoais -->\r\n          <div class=\"np__form-section\">\r\n            <div class=\"np__section-label\">\r\n              <span class=\"np__section-num\">1<\/span>\r\n              Seus dados\r\n            <\/div>\r\n\r\n            <div class=\"np__row\">\r\n              <div class=\"np__field\">\r\n                <label for=\"np_nome\">Nome completo *<\/label>\r\n                <input type=\"text\" id=\"np_nome\" name=\"nome\" placeholder=\"Seu nome completo\" required \/>\r\n              <\/div>\r\n              <div class=\"np__field\">\r\n                <label for=\"np_profissao\">Profiss\u00e3o *<\/label>\r\n                <input type=\"text\" id=\"np_profissao\" name=\"profissao\" placeholder=\"Ex: Arquiteta, Professora...\" required \/>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"np__row\">\r\n              <div class=\"np__field\">\r\n                <label for=\"np_celular\">Celular \/ WhatsApp *<\/label>\r\n                <input type=\"tel\" id=\"np_celular\" name=\"celular\" placeholder=\"(00) 00000-0000\" required \/>\r\n              <\/div>\r\n              <div class=\"np__field\">\r\n                <label for=\"np_email\">E-mail *<\/label>\r\n                <input type=\"email\" id=\"np_email\" name=\"email\" placeholder=\"seu@email.com\" required \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- SE\u00c7\u00c3O 2: Quem fala -->\r\n          <div class=\"np__form-section\">\r\n            <div class=\"np__section-label\">\r\n              <span class=\"np__section-num\">2<\/span>\r\n              Fala como\r\n            <\/div>\r\n\r\n            <div class=\"np__chips\">\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"tipo\" id=\"tipo_empresa\" value=\"Empresa\" required \/>\r\n                <label for=\"tipo_empresa\">\ud83c\udfe2 Empresa<\/label>\r\n              <\/div>\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"tipo\" id=\"tipo_instituicao\" value=\"Institui\u00e7\u00e3o\" \/>\r\n                <label for=\"tipo_instituicao\">\ud83c\udfdb\ufe0f Institui\u00e7\u00e3o<\/label>\r\n              <\/div>\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"tipo\" id=\"tipo_profissional\" value=\"Profissional\" \/>\r\n                <label for=\"tipo_profissional\">\ud83d\udc69\u200d\ud83d\udcbc Profissional<\/label>\r\n              <\/div>\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"tipo\" id=\"tipo_familia\" value=\"Fam\u00edlia\" \/>\r\n                <label for=\"tipo_familia\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Fam\u00edlia<\/label>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- SE\u00c7\u00c3O 3: Natureza -->\r\n          <div class=\"np__form-section\">\r\n            <div class=\"np__section-label\">\r\n              <span class=\"np__section-num\">3<\/span>\r\n              Natureza da proposta\r\n            <\/div>\r\n\r\n            <div class=\"np__chips\">\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"natureza\" id=\"nat_sugestao\" value=\"Sugest\u00e3o\" required \/>\r\n                <label for=\"nat_sugestao\">\ud83d\udca1 Sugest\u00e3o<\/label>\r\n              <\/div>\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"natureza\" id=\"nat_desafio\" value=\"Desafio\" \/>\r\n                <label for=\"nat_desafio\">\ud83c\udfaf Desafio<\/label>\r\n              <\/div>\r\n              <div class=\"np__chip\">\r\n                <input type=\"radio\" name=\"natureza\" id=\"nat_problema\" value=\"Problema\" \/>\r\n                <label for=\"nat_problema\">\ud83d\udd0d Problema<\/label>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- SE\u00c7\u00c3O 4: Descri\u00e7\u00e3o -->\r\n          <div class=\"np__form-section\" style=\"margin-bottom:24px;\">\r\n            <div class=\"np__section-label\">\r\n              <span class=\"np__section-num\">4<\/span>\r\n              Descreva sua proposta\r\n            <\/div>\r\n\r\n            <div class=\"np__row full\">\r\n              <div class=\"np__field\">\r\n                <label for=\"np_descricao\">Conte com detalhes \u2014 quanto mais contexto, melhor! *<\/label>\r\n                <textarea id=\"np_descricao\" name=\"descricao\" placeholder=\"Descreva sua sugest\u00e3o, desafio ou problema. Qual \u00e9 o contexto? Quem est\u00e1 envolvido? Qual seria o impacto esperado?\" required><\/textarea>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" class=\"np__submit\">\r\n            Enviar proposta\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/button>\r\n\r\n        <\/form>\r\n\r\n        <!-- MENSAGEM DE SUCESSO -->\r\n        <div class=\"np__success\" id=\"npSuccess\">\r\n          <span class=\"np__success-icon\">\ud83c\udf89<\/span>\r\n          <div class=\"np__success-title\">Proposta recebida!<\/div>\r\n          <p class=\"np__success-text\">Obrigada pelo contato! Recebemos sua proposta e entraremos em contato em breve para pensarmos juntos em uma solu\u00e7\u00e3o criativa.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SIDEBAR -->\r\n      <div class=\"np__sidebar\">\r\n\r\n        <!-- O que acontece depois -->\r\n        <div class=\"np__sidebar-card\">\r\n          <div class=\"np__sidebar-title\">\u2728 O que acontece depois<\/div>\r\n          <div class=\"np__steps\">\r\n            <div class=\"np__step\">\r\n              <div class=\"np__step-num\">1<\/div>\r\n              <div class=\"np__step-content\">\r\n                <div class=\"np__step-title\">Recebemos sua proposta<\/div>\r\n                <div class=\"np__step-desc\">Nossa equipe analisa sua sugest\u00e3o, desafio ou problema com aten\u00e7\u00e3o.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"np__step\">\r\n              <div class=\"np__step-num\">2<\/div>\r\n              <div class=\"np__step-content\">\r\n                <div class=\"np__step-title\">Entramos em contato<\/div>\r\n                <div class=\"np__step-desc\">Em at\u00e9 3 dias \u00fateis retornamos por e-mail ou WhatsApp para alinhar os pr\u00f3ximos passos.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"np__step\">\r\n              <div class=\"np__step-num\">3<\/div>\r\n              <div class=\"np__step-content\">\r\n                <div class=\"np__step-title\">Pensamos juntos<\/div>\r\n                <div class=\"np__step-desc\">Realizamos uma conversa para entender melhor o contexto e co-criar a solu\u00e7\u00e3o ideal.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"np__step\">\r\n              <div class=\"np__step-num\">4<\/div>\r\n              <div class=\"np__step-content\">\r\n                <div class=\"np__step-title\">Desenvolvemos a solu\u00e7\u00e3o<\/div>\r\n                <div class=\"np__step-desc\">Com base na cocria\u00e7\u00e3o, estruturamos um projeto com impacto real e mensur\u00e1vel.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Contato direto -->\r\n        <div class=\"np__direct\">\r\n          <div class=\"np__direct-title\">Prefere falar direto?<\/div>\r\n\r\n          <a href=\"https:\/\/wa.me\/5554991571090\" target=\"_blank\" class=\"np__direct-link\">\r\n            <div class=\"np__direct-icon wa\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"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            <\/div>\r\n            <div class=\"np__direct-text\">\r\n              <span class=\"np__direct-label\">WhatsApp<\/span>\r\n              <span class=\"np__direct-value\">(54) 99157-1090<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"mailto:contato@missaocriativaedu.com.br\" class=\"np__direct-link\">\r\n            <div class=\"np__direct-icon em\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"np__direct-text\">\r\n              <span class=\"np__direct-label\">E-mail<\/span>\r\n              <span class=\"np__direct-value\">contato@missaocriativaedu.com.br<\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction npSubmit(e) {\r\n  e.preventDefault();\r\n  var form = document.getElementById('npForm');\r\n  var success = document.getElementById('npSuccess');\r\n\r\n  \/\/ Coletar dados\r\n  var nome = document.getElementById('np_nome').value;\r\n  var profissao = document.getElementById('np_profissao').value;\r\n  var celular = document.getElementById('np_celular').value;\r\n  var email = document.getElementById('np_email').value;\r\n  var tipo = document.querySelector('input[name=\"tipo\"]:checked');\r\n  var natureza = document.querySelector('input[name=\"natureza\"]:checked');\r\n  var descricao = document.getElementById('np_descricao').value;\r\n\r\n  if (!tipo || !natureza) {\r\n    alert('Por favor, selecione o tipo e a natureza da proposta.');\r\n    return;\r\n  }\r\n\r\n  \/\/ Montar corpo do e-mail\r\n  var assunto = encodeURIComponent('Nova proposta de projeto \u2014 ' + natureza.value + ' (' + tipo.value + ')');\r\n  var corpo = encodeURIComponent(\r\n    'Nova proposta recebida pelo site nitaulab.com.br\\n\\n' +\r\n    '---\\n' +\r\n    'DADOS DO SOLICITANTE\\n' +\r\n    'Nome: ' + nome + '\\n' +\r\n    'Profiss\u00e3o: ' + profissao + '\\n' +\r\n    'Celular: ' + celular + '\\n' +\r\n    'E-mail: ' + email + '\\n\\n' +\r\n    'Fala como: ' + tipo.value + '\\n' +\r\n    'Natureza: ' + natureza.value + '\\n\\n' +\r\n    '---\\n' +\r\n    'DESCRI\u00c7\u00c3O\\n' + descricao\r\n  );\r\n\r\n  \/\/ Abrir cliente de e-mail com os dados preenchidos\r\n  window.location.href = 'mailto:contato@missaocriativaedu.com.br?subject=' + assunto + '&body=' + corpo;\r\n\r\n  \/\/ Mostrar mensagem de sucesso\r\n  form.style.display = 'none';\r\n  success.classList.add('show');\r\n  success.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\n<\/script>\r\n\r\n<!-- ============================================================\r\n   \u26a0\ufe0f SOBRE O ENVIO DO FORMUL\u00c1RIO:\r\n   \r\n   Este formul\u00e1rio usa mailto: \u2014 ao clicar em Enviar, abre o app \r\n   de e-mail do usu\u00e1rio com os dados j\u00e1 preenchidos.\r\n   \r\n   Para envio autom\u00e1tico direto (sem abrir app de e-mail), \r\n   instale um destes plugins gratuitos no WordPress:\r\n   \r\n   \u2705 WPForms Lite (recomendado) \u2014 wordpress.org\/plugins\/wpforms-lite\r\n   \u2705 Contact Form 7 \u2014 wordpress.org\/plugins\/contact-form-7\r\n   \r\n   Com esses plugins voc\u00ea cria um formul\u00e1rio visualmente e \r\n   configura o e-mail de destino: contato@missaocriativaedu.com.br\r\n   ============================================================ -->\r\n\r\n<!-- BOT\u00c3O VOLTAR FLUTUANTE -->\r\n<style>\r\n.nitau-back-btn {\r\n  position: fixed;\r\n  bottom: 28px;\r\n  left: 28px;\r\n  z-index: 999;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--nitau-font, 'Plus Jakarta Sans', sans-serif);\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  color: #f1f1f5 !important;\r\n  background: rgba(18,18,26,0.92);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  border-radius: 999px;\r\n  padding: 10px 18px;\r\n  text-decoration: none;\r\n  backdrop-filter: blur(12px);\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.4);\r\n  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, color 0.2s ease;\r\n  cursor: pointer;\r\n}\r\n.nitau-back-btn:hover {\r\n  border-color: rgba(168,85,247,0.5);\r\n  background: rgba(124,58,237,0.15);\r\n  color: #a855f7 !important;\r\n  transform: translateX(-3px);\r\n}\r\n.nitau-back-btn svg { width: 14px; height: 14px; stroke: currentColor; transition: stroke 0.2s; }\r\n@media (max-width: 600px) {\r\n  .nitau-back-btn { bottom: 20px; left: 16px; font-size: 0.72rem; padding: 9px 14px; }\r\n}\r\n<\/style>\r\n\r\n<button class=\"nitau-back-btn\" onclick=\"history.back()\" title=\"Voltar\">\r\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n    <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/>\r\n    <polyline points=\"12 19 5 12 12 5\"\/>\r\n  <\/svg>\r\n  Voltar\r\n<\/button>\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>Vamos criar juntos Propor um Projeto \ud83d\udc4b Ol\u00e1! Voc\u00ea tem uma sugest\u00e3o, desafio ou problema? Fale conosco e pensaremos uma solu\u00e7\u00e3o criativa para voc\u00ea, sua empresa, institui\u00e7\u00e3o ou fam\u00edlia! 1 Seus dados Nome completo * Profiss\u00e3o * Celular \/ WhatsApp * E-mail * 2 Fala como \ud83c\udfe2 Empresa \ud83c\udfdb\ufe0f Institui\u00e7\u00e3o \ud83d\udc69\u200d\ud83d\udcbc Profissional \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Fam\u00edlia 3 [&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-187","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":10,"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/pages\/187\/revisions\/537"}],"wp:attachment":[{"href":"https:\/\/nitaulab.com.br\/en\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}