Se\u00e7\u00e3o 1 \u2014 Hero<\/title>\n<\/head>\n<body>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n .rp-hero{ --rp-pink:#e70d64; --rp-pink-600:#ae0642; --rp-wine:#3a0a1e; --rp-paper:#f4f4f4;\n font-family:'Asap',sans-serif; background:transparent;\n padding: clamp(20px,4vw,32px) clamp(16px,3vw,24px) clamp(16px,3vw,24px); box-sizing:border-box;\n display:flex; align-items:center; justify-content:center; }\n .rp-hero *{ box-sizing:border-box; }\n .rp-hero__panel{ position:relative; overflow:hidden; border-radius:clamp(18px,3vw,32px); background:var(--rp-wine);\n box-shadow:0 30px 64px -30px rgba(58,10,30,.5), 0 8px 24px -14px rgba(58,10,30,.3);\n width:100%; max-width:1140px; display:flex; align-items:center; justify-content:center; }\n .rp-hero__glow{ position:absolute; border-radius:50%; pointer-events:none; }\n .rp-hero__glow--right{ right:-12%; top:38%; width:50vw; max-width:580px; height:50vw; max-height:580px;\n background:radial-gradient(closest-side,rgba(231,13,100,.32),transparent 70%); }\n .rp-hero__glow--left{ left:-10%; bottom:-10%; width:36vw; max-width:420px; height:36vw; max-height:420px;\n background:radial-gradient(closest-side,rgba(231,13,100,.18),transparent 70%); }\n .rp-hero__glow--top{ left:30%; top:-10%; width:40vw; max-width:480px; height:25vw; max-height:300px;\n background:radial-gradient(closest-side,rgba(231,13,100,.1),transparent 70%); }\n .rp-hero__glow--center{ position:absolute; inset:0; pointer-events:none;\n background:radial-gradient(ellipse at 55% 50%, rgba(231,13,100,.26) 0%, transparent 65%); }\n\n .rp-hero__grid{ position:relative; z-index:1; width:100%; padding:clamp(40px,7vw,88px) clamp(24px,5vw,48px);\n display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(32px,5vw,64px); text-align:center; }\n\n .rp-hero__copy{ display:flex; flex-direction:column; align-items:center; min-width:0; }\n \/* Logo com tamanho travado (!important): temas WordPress costumam\n for\u00e7ar height:auto\/max-width em img, e este PNG tem 8000px de\n largura natural \u2014 sem o travamento ele estoura. *\/\n .rp-hero__logo{ height:30px !important; width:auto !important; max-width:150px !important; display:block; margin-bottom:28px; object-fit:contain; }\n .rp-hero__title{ font-family:'Asap',sans-serif; font-weight:700; font-size:clamp(32px,6vw,52px); line-height:1.05;\n letter-spacing:-.03em; margin:0 0 24px; color:#fff; max-width:16ch; }\n .rp-hero__title em{ font-style:normal; color:var(--rp-pink); }\n .rp-hero__desc{ font-size:clamp(15px,2vw,19px); line-height:1.6; color:rgba(255,255,255,.82); margin:0 0 16px;\n max-width:48ch; font-weight:500; }\n .rp-hero__note{ font-size:15px; line-height:1.7; color:rgba(255,255,255,.45); margin:0 0 40px; max-width:50ch; }\n .rp-hero__cta{ display:inline-flex; align-items:center; gap:10px; background:var(--rp-pink); color:#fff;\n font-size:16px; font-weight:700; padding:16px 32px; border-radius:999px; box-shadow:0 14px 36px -12px rgba(231,13,100,.55);\n transition:background .2s, transform .15s; text-decoration:none; }\n .rp-hero__cta:hover{ background:var(--rp-pink-600); }\n .rp-hero__cta:active{ transform:scale(.98); }\n\n .rp-hero__media{ position:relative; width:100%; max-width:480px; height:clamp(360px,50vw,480px); display:flex; align-items:center; justify-content:center; }\n\n .rp-hero__radar{ position:relative; z-index:2; border:1.5px solid rgba(231,13,100,.5); border-radius:51px; padding:34px 36px 28px;\n box-shadow:0 28px 64px -16px rgba(0,0,0,.65), 0 0 48px rgba(231,13,100,.28), inset 0 1px 0 rgba(231,13,100,.15);\n text-align:center; width:min(296px, 78%); background-color:#5a0025f0; }\n .rp-hero__radar svg{ display:block; margin:0 auto 14px; width:100%; height:auto; overflow:visible; }\n .rp-hero__radar-label{ font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--rp-pink); }\n .rp-hero__radar-sub{ font-size:12px; font-weight:500; color:rgba(255,255,255,.4); margin-top:4px; }\n\n .rp-hero__card{ position:absolute; z-index:3; background:rgba(58,10,30,.97); border:1.5px solid rgba(231,13,100,.55);\n border-radius:16px; padding:16px 20px; box-shadow:0 14px 36px -8px rgba(0,0,0,.55), 0 0 24px rgba(231,13,100,.3); }\n .rp-hero__card--risk{ bottom:4%; right:-4%; }\n .rp-hero__card--fronts{ top:2%; left:-4%; width:min(210px, 46%); border-color:rgba(231,13,100,.45); }\n .rp-hero__card-label{ font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:6px; }\n .rp-hero__risk-row{ display:flex; align-items:center; gap:8px; }\n .rp-hero__risk-dot{ width:9px; height:9px; border-radius:50%; background:var(--rp-pink); flex:none; box-shadow:0 0 10px rgba(231,13,100,.7); }\n .rp-hero__risk-value{ font-family:'Asap',sans-serif; font-size:16px; font-weight:800; color:#fff; white-space:nowrap; }\n\n .rp-hero__bar{ display:flex; align-items:center; gap:8px; margin-bottom:7px; }\n .rp-hero__bar-track{ height:5px; flex:1; background:rgba(255,255,255,.08); border-radius:999px; overflow:hidden; }\n .rp-hero__bar-fill{ height:100%; background:var(--rp-pink); border-radius:999px; }\n .rp-hero__bar-name{ font-size:9px; color:rgba(255,255,255,.4); flex:none; }\n\n @media (min-width:900px){\n .rp-hero__grid{ flex-direction:row; text-align:left; }\n .rp-hero__copy{ align-items:flex-start; flex:1.1; }\n .rp-hero__media{ flex:.9; }\n }\n \n\n .rp-hero [data-rp-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\n .rp-hero [data-rp-reveal].rp-is-visible{ opacity:1; transform:translateY(0); }\n .rp-hero [data-rp-float]{ animation:rp-floaty 7s ease-in-out infinite; }\n @keyframes rp-floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }\n @keyframes rp-sweep{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }\n @keyframes rp-blip{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.35; transform:scale(1.7); } }\n @keyframes rp-ping{ 0%{ opacity:.6; transform:scale(1); } 100%{ opacity:0; transform:scale(2.4); } }\n .rp-hero__sweep{ transform-origin:93px 93px; animation:rp-sweep 3.6s linear infinite; }\n .rp-hero__blip{ transform-box:fill-box; transform-origin:center; animation:rp-blip 2.2s ease-in-out infinite; }\n .rp-hero__ping{ transform-box:fill-box; transform-origin:center; animation:rp-ping 2.2s ease-out infinite; }\n\n @media (prefers-reduced-motion: reduce){\n .rp-hero [data-rp-reveal]{ opacity:1; transform:none; transition:none; }\n .rp-hero [data-rp-float], .rp-hero__sweep, .rp-hero__blip, .rp-hero__ping{ animation:none; }\n }\n\n \/* === Responsivo por @media (mesma t\u00e9cnica das p\u00e1ginas da pasta\n wordpress, que funcionam). Container queries removidas: com\n container-type:inline-size a se\u00e7\u00e3o vira um item flex \"sem conte\u00fado\"\n para o c\u00e1lculo de largura nos containers flex do Elementor e\n colapsa no mobile. width:100% garante a largura no flex. === *\/\n .rp-hero{ width:100%; overflow-x:clip; }\n .rp-hero *{ min-width:0; }\n \/* :where() = especificidade zero: nunca sobrep\u00f5e height\/width que as\n classes da pr\u00f3pria se\u00e7\u00e3o definem (logos, \u00edcones). *\/\n :where(.rp-hero img){ max-width:100%; height:auto; }\n :where(.rp-hero svg, .rp-hero iframe){ max-width:100%; }\n .rp-hero h1, .rp-hero h2, .rp-hero h3, .rp-hero p, .rp-hero li{ overflow-wrap:break-word; text-wrap:pretty; }\n\n @media (max-width:820px){\n .rp-hero__media{ height:auto; min-height:clamp(320px,92vw,440px); max-width:430px; }\n }\n @media (max-width:560px){\n .rp-hero__grid{ padding:34px 18px; gap:26px; }\n .rp-hero__title{ font-size:clamp(26px,8.6vw,34px); max-width:20ch; }\n .rp-hero__desc{ margin-bottom:14px; }\n .rp-hero__note{ margin-bottom:32px; }\n .rp-hero__cta{ width:100%; justify-content:center; padding:15px 24px; }\n .rp-hero__radar{ width:min(232px,72%); padding:24px 22px 20px; border-radius:38px; }\n .rp-hero__card{ padding:11px 13px; border-radius:13px; }\n .rp-hero__card--risk{ bottom:2%; right:0; }\n .rp-hero__card--fronts{ top:0; left:0; width:min(152px,46%); }\n .rp-hero__risk-value{ font-size:14px; }\n }\n @media (max-width:380px){\n .rp-hero__radar{ width:min(196px,70%); padding:20px 16px 16px; }\n .rp-hero__card--fronts{ width:min(132px,44%); }\n .rp-hero__card{ padding:9px 11px; }\n }\n\n \/* Neutraliza o a:hover azul do tema WordPress dentro desta se\u00e7\u00e3o:\n links mant\u00eam a pr\u00f3pria cor; bot\u00f5es continuam com texto branco. *\/\n .rp-hero a:hover, .rp-hero a:focus{ color:inherit !important; text-decoration:none !important; }\n .rp-hero a[class*=\"cta\"]:hover, .rp-hero a[class*=\"cta\"]:focus, .rp-hero a[class*=\"button\"]:hover, .rp-hero a[class*=\"button\"]:focus, .rp-hero a[class*=\"btn\"]:hover, .rp-hero a[class*=\"btn\"]:focus{ color:#fff !important; }\n<\/style>\n\n\n<section class=\"rp-hero\" aria-label=\"Introdu\u00e7\u00e3o do radar de risco\">\n <div class=\"rp-hero__panel\">\n <div class=\"rp-hero__glow rp-hero__glow--right\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-hero__glow rp-hero__glow--left\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-hero__glow rp-hero__glow--top\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-hero__glow--center\" aria-hidden=\"true\"><\/div>\n\n <div class=\"rp-hero__grid\">\n <div class=\"rp-hero__copy\" data-rp-reveal>\n <img loading=\"lazy\" class=\"rp-hero__logo\" src=\"https:\/\/20005532.fs1.hubspotusercontent-na1.net\/hubfs\/20005532\/Hub%20de%20Materiais\/Gest%C3%A3o%20PJ\/logo-gestaopj-white.png\" alt=\"Gest\u00e3o PJ\" width=\"120\" height=\"30\" loading=\"lazy\" decoding=\"async\">\n <h1 class=\"rp-hero__title\">Radar do <em>risco estrat\u00e9gico<\/em> PJ<\/h1>\n <p class=\"rp-hero__desc\">Veja sua opera\u00e7\u00e3o pelos olhos de quem decide uma rodada ou um M&A.<\/p>\n <p class=\"rp-hero__note\">Em due diligence, M&A e auditoria, o passivo trabalhista de PJ est\u00e1 entre os primeiros itens checados. O que aparece ali pode derrubar valuation, travar a opera\u00e7\u00e3o ou virar exig\u00eancia de garantia.<\/p>\n <a class=\"rp-hero__cta\" href=\"#form\">\n Ativar radar\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"rp-hero__media\" data-rp-reveal>\n <div class=\"rp-hero__radar\" data-rp-float>\n <svg viewBox=\"0 0 186 186\">\n <defs>\n <radialGradient id=\"rp-sweepGrad\" cx=\"100%\" cy=\"50%\" r=\"100%\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0%\" stop-color=\"#e70d64\" stop-opacity=\"0\"><\/stop>\n <stop offset=\"75%\" stop-color=\"#e70d64\" stop-opacity=\"0.55\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#e70d64\" stop-opacity=\"0.08\"><\/stop>\n <\/radialGradient>\n <\/defs>\n <circle cx=\"93\" cy=\"93\" r=\"22\" fill=\"none\" stroke=\"rgba(231,13,100,.42)\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"40\" fill=\"none\" stroke=\"rgba(231,13,100,.52)\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"58\" fill=\"none\" stroke=\"rgba(231,13,100,.62)\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"76\" fill=\"none\" stroke=\"rgba(231,13,100,.75)\" stroke-width=\"2\"><\/circle>\n <line x1=\"93\" y1=\"17\" x2=\"93\" y2=\"169\" stroke=\"rgba(231,13,100,.1)\" stroke-width=\"1\"><\/line>\n <line x1=\"17\" y1=\"93\" x2=\"169\" y2=\"93\" stroke=\"rgba(231,13,100,.1)\" stroke-width=\"1\"><\/line>\n <line x1=\"39\" y1=\"39\" x2=\"147\" y2=\"147\" stroke=\"rgba(231,13,100,.06)\" stroke-width=\"1\"><\/line>\n <line x1=\"147\" y1=\"39\" x2=\"39\" y2=\"147\" stroke=\"rgba(231,13,100,.06)\" stroke-width=\"1\"><\/line>\n <circle cx=\"93\" cy=\"93\" r=\"6\" fill=\"#e70d64\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"12\" fill=\"none\" stroke=\"rgba(231,13,100,.55)\" stroke-width=\"1.5\"><\/circle>\n <g class=\"rp-hero__sweep\">\n <path d=\"M93 93 L169 93 A76 76 0 0 1 147 147 Z\" fill=\"url(#rp-sweepGrad)\"><\/path>\n <line x1=\"93\" y1=\"93\" x2=\"169\" y2=\"93\" stroke=\"#ff1a6e\" stroke-width=\"2.5\"><\/line>\n <\/g>\n <circle class=\"rp-hero__blip\" cx=\"130\" cy=\"52\" r=\"7\" fill=\"#ff1a6e\" style=\"filter:drop-shadow(0 0 6px #e70d64);\"><\/circle>\n <circle class=\"rp-hero__ping\" cx=\"130\" cy=\"52\" r=\"7\" fill=\"none\" stroke=\"#e70d64\" stroke-width=\"2.5\" opacity=\"0.7\"><\/circle>\n <circle class=\"rp-hero__blip\" cx=\"58\" cy=\"116\" r=\"6\" fill=\"#f25c98\" style=\"animation-delay:.7s; filter:drop-shadow(0 0 5px #f25c98);\"><\/circle>\n <circle class=\"rp-hero__ping\" cx=\"58\" cy=\"116\" r=\"6\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2.5\" opacity=\"0.6\" style=\"animation-delay:.7s;\"><\/circle>\n <circle class=\"rp-hero__blip\" cx=\"148\" cy=\"110\" r=\"5.5\" fill=\"#ff6699\" style=\"animation-delay:1.3s; filter:drop-shadow(0 0 4px #ff6699);\"><\/circle>\n <circle class=\"rp-hero__blip\" cx=\"93\" cy=\"53\" r=\"4.5\" fill=\"#f25c98\" style=\"animation-delay:1.8s; filter:drop-shadow(0 0 4px #f25c98);\"><\/circle>\n <\/svg>\n <div class=\"rp-hero__radar-label\">Alerta detectado<\/div>\n <div class=\"rp-hero__radar-sub\">3 pontos de exposi\u00e7\u00e3o<\/div>\n <\/div>\n\n <div class=\"rp-hero__card rp-hero__card--risk\" data-rp-float>\n <div class=\"rp-hero__card-label\">Risco jur\u00eddico<\/div>\n <div class=\"rp-hero__risk-row\">\n <span class=\"rp-hero__risk-dot\" aria-hidden=\"true\"><\/span>\n <span class=\"rp-hero__risk-value\">Alto<\/span>\n <\/div>\n <\/div>\n\n <div class=\"rp-hero__card rp-hero__card--fronts\" data-rp-float>\n <div class=\"rp-hero__card-label\">Frentes analisadas<\/div>\n <div class=\"rp-hero__bar\">\n <div class=\"rp-hero__bar-track\"><div class=\"rp-hero__bar-fill\" style=\"width:82%;\"><\/div><\/div>\n <span class=\"rp-hero__bar-name\">Operacional<\/span>\n <\/div>\n <div class=\"rp-hero__bar\">\n <div class=\"rp-hero__bar-track\"><div class=\"rp-hero__bar-fill\" style=\"width:67%;\"><\/div><\/div>\n <span class=\"rp-hero__bar-name\">Jur\u00eddica<\/span>\n <\/div>\n <div class=\"rp-hero__bar\">\n <div class=\"rp-hero__bar-track\"><div class=\"rp-hero__bar-fill\" style=\"width:44%; background:#f25c98;\"><\/div><\/div>\n <span class=\"rp-hero__bar-name\">Fiscal<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script data-jetpack-boost=\"ignore\" type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebPage\",\n \"name\": \"Radar do risco estrat\u00e9gico PJ\",\n \"description\": \"Veja sua opera\u00e7\u00e3o pelos olhos de quem decide uma rodada ou um M&A. Ferramenta para mapear exposi\u00e7\u00e3o operacional, jur\u00eddica e fiscal.\",\n \"publisher\": { \"@type\": \"Organization\", \"name\": \"Gest\u00e3o PJ\" }\n}\n<\/script>\n\n\n<script data-jetpack-boost=\"ignore\">\n(function(){\n var els = document.querySelectorAll('.rp-hero [data-rp-reveal]');\n function revealAll(){ els.forEach(function(el){ el.classList.add('rp-is-visible'); }); }\n if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n revealAll(); return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){ entry.target.classList.add('rp-is-visible'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15 });\n els.forEach(function(el){ io.observe(el); });\n setTimeout(revealAll, 1200);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c7c50e e-flex e-con-boxed e-con e-parent\" data-id=\"3c7c50e\" 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-bb86b2d elementor-widget elementor-widget-shortcode\" data-id=\"bb86b2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Se\u00e7\u00e3o 2 \u2014 Formul\u00e1rio<\/title>\n<\/head>\n<body>\n\n\n\n\n<style>\n .rp-form{ --rp-pink:#e70d64; --rp-paper:#f4f4f4;\n font-family:'Asap',sans-serif; background:transparent;\n padding: clamp(48px,8vw,72px) clamp(16px,3vw,24px); display:flex; align-items:center; justify-content:center; box-sizing:border-box; }\n .rp-form *{ box-sizing:border-box; }\n .rp-form__card{ width:100%; max-width:1140px; display:flex; flex-direction:column; border-radius:24px; overflow:hidden;\n box-shadow:0 20px 56px -24px rgba(31,36,41,.18); }\n\n .rp-form__panel{ position:relative; background:linear-gradient(150deg,#570526 0%,#2a0612 55%,#150310 100%);\n padding: clamp(36px,6vw,56px) clamp(24px,5vw,44px); overflow:hidden; display:flex; flex-direction:column; justify-content:center; }\n .rp-form__glow{ position:absolute; border-radius:50%; pointer-events:none; }\n .rp-form__glow--tr{ right:-15%; top:-15%; width:45vw; max-width:280px; height:45vw; max-height:280px;\n background:radial-gradient(closest-side,rgba(231,13,100,.4),transparent 70%); }\n .rp-form__glow--bl{ left:-10%; bottom:-10%; width:35vw; max-width:220px; height:35vw; max-height:220px;\n background:radial-gradient(closest-side,rgba(231,13,100,.2),transparent 70%); }\n\n .rp-form__heading{ position:relative; z-index:1; font-family:'Asap',sans-serif; font-weight:800; font-size:clamp(22px,3.5vw,28px);\n line-height:1.15; letter-spacing:-.025em; color:#fff; margin:0 0 18px; }\n .rp-form__intro{ position:relative; z-index:1; font-size:16px; line-height:1.65; color:rgba(255,255,255,.7); margin:0 0 36px; }\n .rp-form__list{ position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; list-style:none; margin:0; padding:0; }\n .rp-form__item{ display:flex; align-items:center; gap:12px; }\n .rp-form__icon{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:9px;\n background:rgba(231,13,100,.18); flex:none; }\n .rp-form__item-label{ font-size:15px; font-weight:600; color:#fff; }\n\n .rp-form__right{ background:#fff; padding: clamp(32px,6vw,52px) clamp(24px,5vw,48px); display:flex; flex-direction:column; justify-content:center; }\n .rp-form__right-heading{ font-family:'Asap',sans-serif; font-weight:800; font-size:24px; letter-spacing:-.02em; margin:0 0 6px; color:#1f2429; }\n\n @media (min-width:900px){\n .rp-form__card{ flex-direction:row; }\n .rp-form__panel{ flex:.85; }\n .rp-form__right{ flex:1.15; }\n }\n \n\n .rp-form [data-rp-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\n .rp-form [data-rp-reveal].rp-is-visible{ opacity:1; transform:translateY(0); }\n\n @media (prefers-reduced-motion: reduce){\n .rp-form [data-rp-reveal]{ opacity:1; transform:none; transition:none; }\n }\n\n \/* === Responsivo por @media (mesma t\u00e9cnica das p\u00e1ginas da pasta\n wordpress, que funcionam). Container queries removidas: com\n container-type:inline-size a se\u00e7\u00e3o vira um item flex \"sem conte\u00fado\"\n para o c\u00e1lculo de largura nos containers flex do Elementor e\n colapsa no mobile. width:100% garante a largura no flex. === *\/\n .rp-form{ width:100%; overflow-x:clip; }\n .rp-form *{ min-width:0; }\n \/* :where() = especificidade zero: nunca sobrep\u00f5e height\/width que as\n classes da pr\u00f3pria se\u00e7\u00e3o definem (logos, \u00edcones). *\/\n :where(.rp-form img){ max-width:100%; height:auto; }\n :where(.rp-form svg, .rp-form iframe){ max-width:100%; }\n .rp-form h1, .rp-form h2, .rp-form h3, .rp-form p, .rp-form li{ overflow-wrap:break-word; text-wrap:pretty; }\n\n @media (max-width:900px){ .rp-form__card{ border-radius:20px; } }\n\n @media (max-width:560px){\n .rp-form{ padding-left:12px; padding-right:12px; }\n .rp-form__panel{ padding:32px 22px; }\n .rp-form__right{ padding:30px 20px 34px; }\n }\n @media (max-width:400px){\n .rp-form{ padding-left:8px; padding-right:8px; }\n .rp-form__panel{ padding:28px 18px; }\n .rp-form__right{ padding:26px 16px 30px; }\n }\n\n \/* Neutraliza o a:hover azul do tema WordPress dentro desta se\u00e7\u00e3o:\n links mant\u00eam a pr\u00f3pria cor; bot\u00f5es continuam com texto branco. *\/\n .rp-form a:hover, .rp-form a:focus{ color:inherit !important; text-decoration:none !important; }\n .rp-form a[class*=\"cta\"]:hover, .rp-form a[class*=\"cta\"]:focus, .rp-form a[class*=\"button\"]:hover, .rp-form a[class*=\"button\"]:focus, .rp-form a[class*=\"btn\"]:hover, .rp-form a[class*=\"btn\"]:focus{ color:#fff !important; }\n\n \/* Embed do HubSpot: largura cheia; altura fica por conta do conte\u00fado.\n O bug do espa\u00e7o em branco no mobile era o colapso de largura da\n se\u00e7\u00e3o (j\u00e1 corrigido): o HubSpot media o form a ~0px e gravava\n milhares de px de altura. Com a largura correta, mede certo. *\/\n #hs-radar-risco-pj{ width:100%; }\n #hs-radar-risco-pj iframe{ max-width:100%; }\n<\/style>\n\n\n<section class=\"rp-form\" id=\"form\">\n <div class=\"rp-form__card\">\n <div class=\"rp-form__panel\" data-rp-reveal>\n <div class=\"rp-form__glow rp-form__glow--tr\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-form__glow rp-form__glow--bl\" aria-hidden=\"true\"><\/div>\n <h2 class=\"rp-form__heading\">O que um investidor veria na sua opera\u00e7\u00e3o PJ hoje?<\/h2>\n <p class=\"rp-form__intro\">A partir das suas respostas, a ferramenta devolve um mapa de exposi\u00e7\u00e3o nas frentes operacional, jur\u00eddica e fiscal, com o n\u00edvel de alerta da sua estrutura.<\/p>\n <ul class=\"rp-form__list\">\n <li class=\"rp-form__item\">\n <span class=\"rp-form__icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n <\/span>\n <span class=\"rp-form__item-label\">Mapa de exposi\u00e7\u00e3o<\/span>\n <\/li>\n <li class=\"rp-form__item\">\n <span class=\"rp-form__icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n <\/span>\n <span class=\"rp-form__item-label\">N\u00edvel de alerta da opera\u00e7\u00e3o<\/span>\n <\/li>\n <li class=\"rp-form__item\">\n <span class=\"rp-form__icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect><path d=\"M8 12h8M8 8h8M8 16h5\"><\/path><\/svg>\n <\/span>\n <span class=\"rp-form__item-label\">Operacional, jur\u00eddica e fiscal<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"rp-form__right\" data-rp-reveal>\n <h3 class=\"rp-form__right-heading\">Preencha o formul\u00e1rio para acessar o radar<\/h3>\n \n \n <div id=\"hs-radar-risco-pj\"><\/div>\n <script data-jetpack-boost=\"ignore\" charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n <script data-jetpack-boost=\"ignore\">\n hbspt.forms.create({\n portalId: \"20005532\",\n formId: \"45f634bc-b022-4296-b7ea-cf6f2746be04\",\n region: \"na1\",\n redirectUrl: \"https:\/\/gestaopj.com\/ferramentas-gpj\/radar\",\n target: \"#hs-radar-risco-pj\"\n });\n <\/script>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script data-jetpack-boost=\"ignore\">\n(function(){\n var els = document.querySelectorAll('.rp-form [data-rp-reveal]');\n function revealAll(){ els.forEach(function(el){ el.classList.add('rp-is-visible'); }); }\n if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n revealAll(); return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){ entry.target.classList.add('rp-is-visible'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15 });\n els.forEach(function(el){ io.observe(el); });\n setTimeout(revealAll, 1200);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb5edac e-flex e-con-boxed e-con e-parent\" data-id=\"cb5edac\" 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-84122bb elementor-widget elementor-widget-shortcode\" data-id=\"84122bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Se\u00e7\u00e3o 3 \u2014 CTA Final<\/title>\n<\/head>\n<body>\n\n\n\n\n<style>\n .rp-cta{ --rp-pink:#e70d64; --rp-pink-600:#ae0642; --rp-wine:#3a0a1e;\n font-family:'Asap',sans-serif; position:relative; background:var(--rp-wine); overflow:hidden;\n padding: clamp(56px,9vw,80px) clamp(16px,3vw,24px) clamp(64px,10vw,96px); text-align:center;\n display:flex; align-items:center; justify-content:center; box-sizing:border-box; }\n .rp-cta *{ box-sizing:border-box; }\n .rp-cta__glow{ position:absolute; border-radius:50%; pointer-events:none; }\n .rp-cta__glow--center{ left:50%; top:50%; transform:translate(-50%,-50%); width:55vw; max-width:600px; height:55vw; max-height:600px;\n background:radial-gradient(closest-side,rgba(231,13,100,.32),transparent 70%); }\n .rp-cta__glow--right{ right:-10%; top:-10%; width:32vw; max-width:340px; height:32vw; max-height:340px;\n background:radial-gradient(closest-side,rgba(231,13,100,.15),transparent 70%); }\n\n .rp-cta__inner{ position:relative; z-index:1; max-width:600px; margin:0 auto; }\n .rp-cta__heading{ font-family:'Asap',sans-serif; font-weight:800; font-size:clamp(26px,4.5vw,36px); line-height:1.1;\n letter-spacing:-.025em; color:#fff; margin:0 0 16px; }\n .rp-cta__desc{ font-size:clamp(15px,2vw,17px); line-height:1.6; color:rgba(255,255,255,.65); margin:0 0 36px; }\n .rp-cta__button{ display:inline-flex; align-items:center; gap:10px; background:var(--rp-pink); color:#fff;\n font-size:16px; font-weight:700; padding:17px 36px; border-radius:999px; box-shadow:0 14px 36px -12px rgba(231,13,100,.6);\n transition:background .2s, transform .15s; text-decoration:none; }\n .rp-cta__button:hover{ background:var(--rp-pink-600); }\n .rp-cta__button:active{ transform:scale(.98); }\n\n .rp-cta [data-rp-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\n .rp-cta [data-rp-reveal].rp-is-visible{ opacity:1; transform:translateY(0); }\n\n @media (prefers-reduced-motion: reduce){\n .rp-cta [data-rp-reveal]{ opacity:1; transform:none; transition:none; }\n }\n\n \/* === Responsivo por @media (mesma t\u00e9cnica das p\u00e1ginas da pasta\n wordpress, que funcionam). Container queries removidas: com\n container-type:inline-size a se\u00e7\u00e3o vira um item flex \"sem conte\u00fado\"\n para o c\u00e1lculo de largura nos containers flex do Elementor e\n colapsa no mobile. width:100% garante a largura no flex. === *\/\n .rp-cta{ width:100%; overflow-x:clip; }\n .rp-cta *{ min-width:0; }\n \/* :where() = especificidade zero: nunca sobrep\u00f5e height\/width que as\n classes da pr\u00f3pria se\u00e7\u00e3o definem (logos, \u00edcones). *\/\n :where(.rp-cta img){ max-width:100%; height:auto; }\n :where(.rp-cta svg, .rp-cta iframe){ max-width:100%; }\n .rp-cta h1, .rp-cta h2, .rp-cta h3, .rp-cta p, .rp-cta li{ overflow-wrap:break-word; text-wrap:pretty; }\n @media (max-width:520px){ .rp-cta__button{ width:100%; justify-content:center; } }\n\n \/* Cantos arredondados tamb\u00e9m nesta se\u00e7\u00e3o (o hero e o formul\u00e1rio j\u00e1 v\u00eam\n em card). A margem lateral \u00e9 o que deixa o raio vis\u00edvel. *\/\n .rp-cta{ border-radius:clamp(20px,3vw,32px); margin:0 clamp(12px,3vw,24px) clamp(16px,3vw,24px); }\n @media (max-width:480px){\n .rp-cta{ border-radius:20px; margin:0 10px 12px; }\n }\n\n \/* Neutraliza o a:hover azul do tema WordPress dentro desta se\u00e7\u00e3o:\n links mant\u00eam a pr\u00f3pria cor; bot\u00f5es continuam com texto branco. *\/\n .rp-cta a:hover, .rp-cta a:focus{ color:inherit !important; text-decoration:none !important; }\n .rp-cta a[class*=\"cta\"]:hover, .rp-cta a[class*=\"cta\"]:focus, .rp-cta a[class*=\"button\"]:hover, .rp-cta a[class*=\"button\"]:focus, .rp-cta a[class*=\"btn\"]:hover, .rp-cta a[class*=\"btn\"]:focus{ color:#fff !important; }\n<\/style>\n\n\n<section class=\"rp-cta\" aria-label=\"Chamada final para a\u00e7\u00e3o\">\n <div class=\"rp-cta__glow rp-cta__glow--center\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-cta__glow rp-cta__glow--right\" aria-hidden=\"true\"><\/div>\n\n <div class=\"rp-cta__inner\" data-rp-reveal>\n <h2 class=\"rp-cta__heading\">Descubra o que um investidor ou auditor encontraria na sua empresa<\/h2>\n <p class=\"rp-cta__desc\">Gratuito e sem compromisso. Resultado em minutos.<\/p>\n <a class=\"rp-cta__button\" href=\"#form\">\n Ativar radar\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n\n<script data-jetpack-boost=\"ignore\">\n(function(){\n var els = document.querySelectorAll('.rp-cta [data-rp-reveal]');\n function revealAll(){ els.forEach(function(el){ el.classList.add('rp-is-visible'); }); }\n if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n revealAll(); return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){ entry.target.classList.add('rp-is-visible'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15 });\n els.forEach(function(el){ io.observe(el); });\n setTimeout(revealAll, 1200);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"author":3,"featured_media":6465,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"content-type":""},"categories":[],"tags":[],"publico":[263],"categoria":[246],"class_list":["post-6190","materiais","type-materiais","status-publish","format-standard","has-post-thumbnail","hentry","publico-rh","categoria-ferramenta"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais\/6190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais"}],"about":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/types\/materiais"}],"author":[{"embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":25,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais\/6190\/revisions"}],"predecessor-version":[{"id":6977,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais\/6190\/revisions\/6977"}],"wp:attachment":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/media?parent=6190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/categories?post=6190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/tags?post=6190"},{"taxonomy":"publico","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/publico?post=6190"},{"taxonomy":"categoria","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/categoria?post=6190"},{"taxonomy":"tags","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/tags?post=6190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\n\n\n\nSe\u00e7\u00e3o 1 \u2014 Hero<\/title>\n<\/head>\n<body>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n .rp-hero{ --rp-pink:#e70d64; --rp-pink-600:#ae0642; --rp-wine:#3a0a1e; --rp-paper:#f4f4f4;\n font-family:'Asap',sans-serif; background:transparent;\n padding: clamp(20px,4vw,32px) clamp(16px,3vw,24px) clamp(16px,3vw,24px); box-sizing:border-box;\n display:flex; align-items:center; justify-content:center; }\n .rp-hero *{ box-sizing:border-box; }\n .rp-hero__panel{ position:relative; overflow:hidden; border-radius:clamp(18px,3vw,32px); background:var(--rp-wine);\n box-shadow:0 30px 64px -30px rgba(58,10,30,.5), 0 8px 24px -14px rgba(58,10,30,.3);\n width:100%; max-width:1140px; display:flex; align-items:center; justify-content:center; }\n .rp-hero__glow{ position:absolute; border-radius:50%; pointer-events:none; }\n .rp-hero__glow--right{ right:-12%; top:38%; width:50vw; max-width:580px; height:50vw; max-height:580px;\n background:radial-gradient(closest-side,rgba(231,13,100,.32),transparent 70%); }\n .rp-hero__glow--left{ left:-10%; bottom:-10%; width:36vw; max-width:420px; height:36vw; max-height:420px;\n background:radial-gradient(closest-side,rgba(231,13,100,.18),transparent 70%); }\n .rp-hero__glow--top{ left:30%; top:-10%; width:40vw; max-width:480px; height:25vw; max-height:300px;\n background:radial-gradient(closest-side,rgba(231,13,100,.1),transparent 70%); }\n .rp-hero__glow--center{ position:absolute; inset:0; pointer-events:none;\n background:radial-gradient(ellipse at 55% 50%, rgba(231,13,100,.26) 0%, transparent 65%); }\n\n .rp-hero__grid{ position:relative; z-index:1; width:100%; padding:clamp(40px,7vw,88px) clamp(24px,5vw,48px);\n display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(32px,5vw,64px); text-align:center; }\n\n .rp-hero__copy{ display:flex; flex-direction:column; align-items:center; min-width:0; }\n \/* Logo com tamanho travado (!important): temas WordPress costumam\n for\u00e7ar height:auto\/max-width em img, e este PNG tem 8000px de\n largura natural \u2014 sem o travamento ele estoura. *\/\n .rp-hero__logo{ height:30px !important; width:auto !important; max-width:150px !important; display:block; margin-bottom:28px; object-fit:contain; }\n .rp-hero__title{ font-family:'Asap',sans-serif; font-weight:700; font-size:clamp(32px,6vw,52px); line-height:1.05;\n letter-spacing:-.03em; margin:0 0 24px; color:#fff; max-width:16ch; }\n .rp-hero__title em{ font-style:normal; color:var(--rp-pink); }\n .rp-hero__desc{ font-size:clamp(15px,2vw,19px); line-height:1.6; color:rgba(255,255,255,.82); margin:0 0 16px;\n max-width:48ch; font-weight:500; }\n .rp-hero__note{ font-size:15px; line-height:1.7; color:rgba(255,255,255,.45); margin:0 0 40px; max-width:50ch; }\n .rp-hero__cta{ display:inline-flex; align-items:center; gap:10px; background:var(--rp-pink); color:#fff;\n font-size:16px; font-weight:700; padding:16px 32px; border-radius:999px; box-shadow:0 14px 36px -12px rgba(231,13,100,.55);\n transition:background .2s, transform .15s; text-decoration:none; }\n .rp-hero__cta:hover{ background:var(--rp-pink-600); }\n .rp-hero__cta:active{ transform:scale(.98); }\n\n .rp-hero__media{ position:relative; width:100%; max-width:480px; height:clamp(360px,50vw,480px); display:flex; align-items:center; justify-content:center; }\n\n .rp-hero__radar{ position:relative; z-index:2; border:1.5px solid rgba(231,13,100,.5); border-radius:51px; padding:34px 36px 28px;\n box-shadow:0 28px 64px -16px rgba(0,0,0,.65), 0 0 48px rgba(231,13,100,.28), inset 0 1px 0 rgba(231,13,100,.15);\n text-align:center; width:min(296px, 78%); background-color:#5a0025f0; }\n .rp-hero__radar svg{ display:block; margin:0 auto 14px; width:100%; height:auto; overflow:visible; }\n .rp-hero__radar-label{ font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--rp-pink); }\n .rp-hero__radar-sub{ font-size:12px; font-weight:500; color:rgba(255,255,255,.4); margin-top:4px; }\n\n .rp-hero__card{ position:absolute; z-index:3; background:rgba(58,10,30,.97); border:1.5px solid rgba(231,13,100,.55);\n border-radius:16px; padding:16px 20px; box-shadow:0 14px 36px -8px rgba(0,0,0,.55), 0 0 24px rgba(231,13,100,.3); }\n .rp-hero__card--risk{ bottom:4%; right:-4%; }\n .rp-hero__card--fronts{ top:2%; left:-4%; width:min(210px, 46%); border-color:rgba(231,13,100,.45); }\n .rp-hero__card-label{ font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:6px; }\n .rp-hero__risk-row{ display:flex; align-items:center; gap:8px; }\n .rp-hero__risk-dot{ width:9px; height:9px; border-radius:50%; background:var(--rp-pink); flex:none; box-shadow:0 0 10px rgba(231,13,100,.7); }\n .rp-hero__risk-value{ font-family:'Asap',sans-serif; font-size:16px; font-weight:800; color:#fff; white-space:nowrap; }\n\n .rp-hero__bar{ display:flex; align-items:center; gap:8px; margin-bottom:7px; }\n .rp-hero__bar-track{ height:5px; flex:1; background:rgba(255,255,255,.08); border-radius:999px; overflow:hidden; }\n .rp-hero__bar-fill{ height:100%; background:var(--rp-pink); border-radius:999px; }\n .rp-hero__bar-name{ font-size:9px; color:rgba(255,255,255,.4); flex:none; }\n\n @media (min-width:900px){\n .rp-hero__grid{ flex-direction:row; text-align:left; }\n .rp-hero__copy{ align-items:flex-start; flex:1.1; }\n .rp-hero__media{ flex:.9; }\n }\n \n\n .rp-hero [data-rp-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\n .rp-hero [data-rp-reveal].rp-is-visible{ opacity:1; transform:translateY(0); }\n .rp-hero [data-rp-float]{ animation:rp-floaty 7s ease-in-out infinite; }\n @keyframes rp-floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }\n @keyframes rp-sweep{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }\n @keyframes rp-blip{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.35; transform:scale(1.7); } }\n @keyframes rp-ping{ 0%{ opacity:.6; transform:scale(1); } 100%{ opacity:0; transform:scale(2.4); } }\n .rp-hero__sweep{ transform-origin:93px 93px; animation:rp-sweep 3.6s linear infinite; }\n .rp-hero__blip{ transform-box:fill-box; transform-origin:center; animation:rp-blip 2.2s ease-in-out infinite; }\n .rp-hero__ping{ transform-box:fill-box; transform-origin:center; animation:rp-ping 2.2s ease-out infinite; }\n\n @media (prefers-reduced-motion: reduce){\n .rp-hero [data-rp-reveal]{ opacity:1; transform:none; transition:none; }\n .rp-hero [data-rp-float], .rp-hero__sweep, .rp-hero__blip, .rp-hero__ping{ animation:none; }\n }\n\n \/* === Responsivo por @media (mesma t\u00e9cnica das p\u00e1ginas da pasta\n wordpress, que funcionam). Container queries removidas: com\n container-type:inline-size a se\u00e7\u00e3o vira um item flex \"sem conte\u00fado\"\n para o c\u00e1lculo de largura nos containers flex do Elementor e\n colapsa no mobile. width:100% garante a largura no flex. === *\/\n .rp-hero{ width:100%; overflow-x:clip; }\n .rp-hero *{ min-width:0; }\n \/* :where() = especificidade zero: nunca sobrep\u00f5e height\/width que as\n classes da pr\u00f3pria se\u00e7\u00e3o definem (logos, \u00edcones). *\/\n :where(.rp-hero img){ max-width:100%; height:auto; }\n :where(.rp-hero svg, .rp-hero iframe){ max-width:100%; }\n .rp-hero h1, .rp-hero h2, .rp-hero h3, .rp-hero p, .rp-hero li{ overflow-wrap:break-word; text-wrap:pretty; }\n\n @media (max-width:820px){\n .rp-hero__media{ height:auto; min-height:clamp(320px,92vw,440px); max-width:430px; }\n }\n @media (max-width:560px){\n .rp-hero__grid{ padding:34px 18px; gap:26px; }\n .rp-hero__title{ font-size:clamp(26px,8.6vw,34px); max-width:20ch; }\n .rp-hero__desc{ margin-bottom:14px; }\n .rp-hero__note{ margin-bottom:32px; }\n .rp-hero__cta{ width:100%; justify-content:center; padding:15px 24px; }\n .rp-hero__radar{ width:min(232px,72%); padding:24px 22px 20px; border-radius:38px; }\n .rp-hero__card{ padding:11px 13px; border-radius:13px; }\n .rp-hero__card--risk{ bottom:2%; right:0; }\n .rp-hero__card--fronts{ top:0; left:0; width:min(152px,46%); }\n .rp-hero__risk-value{ font-size:14px; }\n }\n @media (max-width:380px){\n .rp-hero__radar{ width:min(196px,70%); padding:20px 16px 16px; }\n .rp-hero__card--fronts{ width:min(132px,44%); }\n .rp-hero__card{ padding:9px 11px; }\n }\n\n \/* Neutraliza o a:hover azul do tema WordPress dentro desta se\u00e7\u00e3o:\n links mant\u00eam a pr\u00f3pria cor; bot\u00f5es continuam com texto branco. *\/\n .rp-hero a:hover, .rp-hero a:focus{ color:inherit !important; text-decoration:none !important; }\n .rp-hero a[class*=\"cta\"]:hover, .rp-hero a[class*=\"cta\"]:focus, .rp-hero a[class*=\"button\"]:hover, .rp-hero a[class*=\"button\"]:focus, .rp-hero a[class*=\"btn\"]:hover, .rp-hero a[class*=\"btn\"]:focus{ color:#fff !important; }\n<\/style>\n\n\n<section class=\"rp-hero\" aria-label=\"Introdu\u00e7\u00e3o do radar de risco\">\n <div class=\"rp-hero__panel\">\n <div class=\"rp-hero__glow rp-hero__glow--right\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-hero__glow rp-hero__glow--left\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-hero__glow rp-hero__glow--top\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-hero__glow--center\" aria-hidden=\"true\"><\/div>\n\n <div class=\"rp-hero__grid\">\n <div class=\"rp-hero__copy\" data-rp-reveal>\n <img loading=\"lazy\" class=\"rp-hero__logo\" src=\"https:\/\/20005532.fs1.hubspotusercontent-na1.net\/hubfs\/20005532\/Hub%20de%20Materiais\/Gest%C3%A3o%20PJ\/logo-gestaopj-white.png\" alt=\"Gest\u00e3o PJ\" width=\"120\" height=\"30\" loading=\"lazy\" decoding=\"async\">\n <h1 class=\"rp-hero__title\">Radar do <em>risco estrat\u00e9gico<\/em> PJ<\/h1>\n <p class=\"rp-hero__desc\">Veja sua opera\u00e7\u00e3o pelos olhos de quem decide uma rodada ou um M&A.<\/p>\n <p class=\"rp-hero__note\">Em due diligence, M&A e auditoria, o passivo trabalhista de PJ est\u00e1 entre os primeiros itens checados. O que aparece ali pode derrubar valuation, travar a opera\u00e7\u00e3o ou virar exig\u00eancia de garantia.<\/p>\n <a class=\"rp-hero__cta\" href=\"#form\">\n Ativar radar\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"rp-hero__media\" data-rp-reveal>\n <div class=\"rp-hero__radar\" data-rp-float>\n <svg viewBox=\"0 0 186 186\">\n <defs>\n <radialGradient id=\"rp-sweepGrad\" cx=\"100%\" cy=\"50%\" r=\"100%\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0%\" stop-color=\"#e70d64\" stop-opacity=\"0\"><\/stop>\n <stop offset=\"75%\" stop-color=\"#e70d64\" stop-opacity=\"0.55\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#e70d64\" stop-opacity=\"0.08\"><\/stop>\n <\/radialGradient>\n <\/defs>\n <circle cx=\"93\" cy=\"93\" r=\"22\" fill=\"none\" stroke=\"rgba(231,13,100,.42)\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"40\" fill=\"none\" stroke=\"rgba(231,13,100,.52)\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"58\" fill=\"none\" stroke=\"rgba(231,13,100,.62)\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"76\" fill=\"none\" stroke=\"rgba(231,13,100,.75)\" stroke-width=\"2\"><\/circle>\n <line x1=\"93\" y1=\"17\" x2=\"93\" y2=\"169\" stroke=\"rgba(231,13,100,.1)\" stroke-width=\"1\"><\/line>\n <line x1=\"17\" y1=\"93\" x2=\"169\" y2=\"93\" stroke=\"rgba(231,13,100,.1)\" stroke-width=\"1\"><\/line>\n <line x1=\"39\" y1=\"39\" x2=\"147\" y2=\"147\" stroke=\"rgba(231,13,100,.06)\" stroke-width=\"1\"><\/line>\n <line x1=\"147\" y1=\"39\" x2=\"39\" y2=\"147\" stroke=\"rgba(231,13,100,.06)\" stroke-width=\"1\"><\/line>\n <circle cx=\"93\" cy=\"93\" r=\"6\" fill=\"#e70d64\"><\/circle>\n <circle cx=\"93\" cy=\"93\" r=\"12\" fill=\"none\" stroke=\"rgba(231,13,100,.55)\" stroke-width=\"1.5\"><\/circle>\n <g class=\"rp-hero__sweep\">\n <path d=\"M93 93 L169 93 A76 76 0 0 1 147 147 Z\" fill=\"url(#rp-sweepGrad)\"><\/path>\n <line x1=\"93\" y1=\"93\" x2=\"169\" y2=\"93\" stroke=\"#ff1a6e\" stroke-width=\"2.5\"><\/line>\n <\/g>\n <circle class=\"rp-hero__blip\" cx=\"130\" cy=\"52\" r=\"7\" fill=\"#ff1a6e\" style=\"filter:drop-shadow(0 0 6px #e70d64);\"><\/circle>\n <circle class=\"rp-hero__ping\" cx=\"130\" cy=\"52\" r=\"7\" fill=\"none\" stroke=\"#e70d64\" stroke-width=\"2.5\" opacity=\"0.7\"><\/circle>\n <circle class=\"rp-hero__blip\" cx=\"58\" cy=\"116\" r=\"6\" fill=\"#f25c98\" style=\"animation-delay:.7s; filter:drop-shadow(0 0 5px #f25c98);\"><\/circle>\n <circle class=\"rp-hero__ping\" cx=\"58\" cy=\"116\" r=\"6\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2.5\" opacity=\"0.6\" style=\"animation-delay:.7s;\"><\/circle>\n <circle class=\"rp-hero__blip\" cx=\"148\" cy=\"110\" r=\"5.5\" fill=\"#ff6699\" style=\"animation-delay:1.3s; filter:drop-shadow(0 0 4px #ff6699);\"><\/circle>\n <circle class=\"rp-hero__blip\" cx=\"93\" cy=\"53\" r=\"4.5\" fill=\"#f25c98\" style=\"animation-delay:1.8s; filter:drop-shadow(0 0 4px #f25c98);\"><\/circle>\n <\/svg>\n <div class=\"rp-hero__radar-label\">Alerta detectado<\/div>\n <div class=\"rp-hero__radar-sub\">3 pontos de exposi\u00e7\u00e3o<\/div>\n <\/div>\n\n <div class=\"rp-hero__card rp-hero__card--risk\" data-rp-float>\n <div class=\"rp-hero__card-label\">Risco jur\u00eddico<\/div>\n <div class=\"rp-hero__risk-row\">\n <span class=\"rp-hero__risk-dot\" aria-hidden=\"true\"><\/span>\n <span class=\"rp-hero__risk-value\">Alto<\/span>\n <\/div>\n <\/div>\n\n <div class=\"rp-hero__card rp-hero__card--fronts\" data-rp-float>\n <div class=\"rp-hero__card-label\">Frentes analisadas<\/div>\n <div class=\"rp-hero__bar\">\n <div class=\"rp-hero__bar-track\"><div class=\"rp-hero__bar-fill\" style=\"width:82%;\"><\/div><\/div>\n <span class=\"rp-hero__bar-name\">Operacional<\/span>\n <\/div>\n <div class=\"rp-hero__bar\">\n <div class=\"rp-hero__bar-track\"><div class=\"rp-hero__bar-fill\" style=\"width:67%;\"><\/div><\/div>\n <span class=\"rp-hero__bar-name\">Jur\u00eddica<\/span>\n <\/div>\n <div class=\"rp-hero__bar\">\n <div class=\"rp-hero__bar-track\"><div class=\"rp-hero__bar-fill\" style=\"width:44%; background:#f25c98;\"><\/div><\/div>\n <span class=\"rp-hero__bar-name\">Fiscal<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script data-jetpack-boost=\"ignore\" type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebPage\",\n \"name\": \"Radar do risco estrat\u00e9gico PJ\",\n \"description\": \"Veja sua opera\u00e7\u00e3o pelos olhos de quem decide uma rodada ou um M&A. Ferramenta para mapear exposi\u00e7\u00e3o operacional, jur\u00eddica e fiscal.\",\n \"publisher\": { \"@type\": \"Organization\", \"name\": \"Gest\u00e3o PJ\" }\n}\n<\/script>\n\n\n<script data-jetpack-boost=\"ignore\">\n(function(){\n var els = document.querySelectorAll('.rp-hero [data-rp-reveal]');\n function revealAll(){ els.forEach(function(el){ el.classList.add('rp-is-visible'); }); }\n if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n revealAll(); return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){ entry.target.classList.add('rp-is-visible'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15 });\n els.forEach(function(el){ io.observe(el); });\n setTimeout(revealAll, 1200);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c7c50e e-flex e-con-boxed e-con e-parent\" data-id=\"3c7c50e\" 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-bb86b2d elementor-widget elementor-widget-shortcode\" data-id=\"bb86b2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Se\u00e7\u00e3o 2 \u2014 Formul\u00e1rio<\/title>\n<\/head>\n<body>\n\n\n\n\n<style>\n .rp-form{ --rp-pink:#e70d64; --rp-paper:#f4f4f4;\n font-family:'Asap',sans-serif; background:transparent;\n padding: clamp(48px,8vw,72px) clamp(16px,3vw,24px); display:flex; align-items:center; justify-content:center; box-sizing:border-box; }\n .rp-form *{ box-sizing:border-box; }\n .rp-form__card{ width:100%; max-width:1140px; display:flex; flex-direction:column; border-radius:24px; overflow:hidden;\n box-shadow:0 20px 56px -24px rgba(31,36,41,.18); }\n\n .rp-form__panel{ position:relative; background:linear-gradient(150deg,#570526 0%,#2a0612 55%,#150310 100%);\n padding: clamp(36px,6vw,56px) clamp(24px,5vw,44px); overflow:hidden; display:flex; flex-direction:column; justify-content:center; }\n .rp-form__glow{ position:absolute; border-radius:50%; pointer-events:none; }\n .rp-form__glow--tr{ right:-15%; top:-15%; width:45vw; max-width:280px; height:45vw; max-height:280px;\n background:radial-gradient(closest-side,rgba(231,13,100,.4),transparent 70%); }\n .rp-form__glow--bl{ left:-10%; bottom:-10%; width:35vw; max-width:220px; height:35vw; max-height:220px;\n background:radial-gradient(closest-side,rgba(231,13,100,.2),transparent 70%); }\n\n .rp-form__heading{ position:relative; z-index:1; font-family:'Asap',sans-serif; font-weight:800; font-size:clamp(22px,3.5vw,28px);\n line-height:1.15; letter-spacing:-.025em; color:#fff; margin:0 0 18px; }\n .rp-form__intro{ position:relative; z-index:1; font-size:16px; line-height:1.65; color:rgba(255,255,255,.7); margin:0 0 36px; }\n .rp-form__list{ position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; list-style:none; margin:0; padding:0; }\n .rp-form__item{ display:flex; align-items:center; gap:12px; }\n .rp-form__icon{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:9px;\n background:rgba(231,13,100,.18); flex:none; }\n .rp-form__item-label{ font-size:15px; font-weight:600; color:#fff; }\n\n .rp-form__right{ background:#fff; padding: clamp(32px,6vw,52px) clamp(24px,5vw,48px); display:flex; flex-direction:column; justify-content:center; }\n .rp-form__right-heading{ font-family:'Asap',sans-serif; font-weight:800; font-size:24px; letter-spacing:-.02em; margin:0 0 6px; color:#1f2429; }\n\n @media (min-width:900px){\n .rp-form__card{ flex-direction:row; }\n .rp-form__panel{ flex:.85; }\n .rp-form__right{ flex:1.15; }\n }\n \n\n .rp-form [data-rp-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\n .rp-form [data-rp-reveal].rp-is-visible{ opacity:1; transform:translateY(0); }\n\n @media (prefers-reduced-motion: reduce){\n .rp-form [data-rp-reveal]{ opacity:1; transform:none; transition:none; }\n }\n\n \/* === Responsivo por @media (mesma t\u00e9cnica das p\u00e1ginas da pasta\n wordpress, que funcionam). Container queries removidas: com\n container-type:inline-size a se\u00e7\u00e3o vira um item flex \"sem conte\u00fado\"\n para o c\u00e1lculo de largura nos containers flex do Elementor e\n colapsa no mobile. width:100% garante a largura no flex. === *\/\n .rp-form{ width:100%; overflow-x:clip; }\n .rp-form *{ min-width:0; }\n \/* :where() = especificidade zero: nunca sobrep\u00f5e height\/width que as\n classes da pr\u00f3pria se\u00e7\u00e3o definem (logos, \u00edcones). *\/\n :where(.rp-form img){ max-width:100%; height:auto; }\n :where(.rp-form svg, .rp-form iframe){ max-width:100%; }\n .rp-form h1, .rp-form h2, .rp-form h3, .rp-form p, .rp-form li{ overflow-wrap:break-word; text-wrap:pretty; }\n\n @media (max-width:900px){ .rp-form__card{ border-radius:20px; } }\n\n @media (max-width:560px){\n .rp-form{ padding-left:12px; padding-right:12px; }\n .rp-form__panel{ padding:32px 22px; }\n .rp-form__right{ padding:30px 20px 34px; }\n }\n @media (max-width:400px){\n .rp-form{ padding-left:8px; padding-right:8px; }\n .rp-form__panel{ padding:28px 18px; }\n .rp-form__right{ padding:26px 16px 30px; }\n }\n\n \/* Neutraliza o a:hover azul do tema WordPress dentro desta se\u00e7\u00e3o:\n links mant\u00eam a pr\u00f3pria cor; bot\u00f5es continuam com texto branco. *\/\n .rp-form a:hover, .rp-form a:focus{ color:inherit !important; text-decoration:none !important; }\n .rp-form a[class*=\"cta\"]:hover, .rp-form a[class*=\"cta\"]:focus, .rp-form a[class*=\"button\"]:hover, .rp-form a[class*=\"button\"]:focus, .rp-form a[class*=\"btn\"]:hover, .rp-form a[class*=\"btn\"]:focus{ color:#fff !important; }\n\n \/* Embed do HubSpot: largura cheia; altura fica por conta do conte\u00fado.\n O bug do espa\u00e7o em branco no mobile era o colapso de largura da\n se\u00e7\u00e3o (j\u00e1 corrigido): o HubSpot media o form a ~0px e gravava\n milhares de px de altura. Com a largura correta, mede certo. *\/\n #hs-radar-risco-pj{ width:100%; }\n #hs-radar-risco-pj iframe{ max-width:100%; }\n<\/style>\n\n\n<section class=\"rp-form\" id=\"form\">\n <div class=\"rp-form__card\">\n <div class=\"rp-form__panel\" data-rp-reveal>\n <div class=\"rp-form__glow rp-form__glow--tr\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-form__glow rp-form__glow--bl\" aria-hidden=\"true\"><\/div>\n <h2 class=\"rp-form__heading\">O que um investidor veria na sua opera\u00e7\u00e3o PJ hoje?<\/h2>\n <p class=\"rp-form__intro\">A partir das suas respostas, a ferramenta devolve um mapa de exposi\u00e7\u00e3o nas frentes operacional, jur\u00eddica e fiscal, com o n\u00edvel de alerta da sua estrutura.<\/p>\n <ul class=\"rp-form__list\">\n <li class=\"rp-form__item\">\n <span class=\"rp-form__icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n <\/span>\n <span class=\"rp-form__item-label\">Mapa de exposi\u00e7\u00e3o<\/span>\n <\/li>\n <li class=\"rp-form__item\">\n <span class=\"rp-form__icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n <\/span>\n <span class=\"rp-form__item-label\">N\u00edvel de alerta da opera\u00e7\u00e3o<\/span>\n <\/li>\n <li class=\"rp-form__item\">\n <span class=\"rp-form__icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f25c98\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect><path d=\"M8 12h8M8 8h8M8 16h5\"><\/path><\/svg>\n <\/span>\n <span class=\"rp-form__item-label\">Operacional, jur\u00eddica e fiscal<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"rp-form__right\" data-rp-reveal>\n <h3 class=\"rp-form__right-heading\">Preencha o formul\u00e1rio para acessar o radar<\/h3>\n \n \n <div id=\"hs-radar-risco-pj\"><\/div>\n <script data-jetpack-boost=\"ignore\" charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n <script data-jetpack-boost=\"ignore\">\n hbspt.forms.create({\n portalId: \"20005532\",\n formId: \"45f634bc-b022-4296-b7ea-cf6f2746be04\",\n region: \"na1\",\n redirectUrl: \"https:\/\/gestaopj.com\/ferramentas-gpj\/radar\",\n target: \"#hs-radar-risco-pj\"\n });\n <\/script>\n <\/div>\n <\/div>\n<\/section>\n\n\n<script data-jetpack-boost=\"ignore\">\n(function(){\n var els = document.querySelectorAll('.rp-form [data-rp-reveal]');\n function revealAll(){ els.forEach(function(el){ el.classList.add('rp-is-visible'); }); }\n if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n revealAll(); return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){ entry.target.classList.add('rp-is-visible'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15 });\n els.forEach(function(el){ io.observe(el); });\n setTimeout(revealAll, 1200);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb5edac e-flex e-con-boxed e-con e-parent\" data-id=\"cb5edac\" 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-84122bb elementor-widget elementor-widget-shortcode\" data-id=\"84122bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Se\u00e7\u00e3o 3 \u2014 CTA Final<\/title>\n<\/head>\n<body>\n\n\n\n\n<style>\n .rp-cta{ --rp-pink:#e70d64; --rp-pink-600:#ae0642; --rp-wine:#3a0a1e;\n font-family:'Asap',sans-serif; position:relative; background:var(--rp-wine); overflow:hidden;\n padding: clamp(56px,9vw,80px) clamp(16px,3vw,24px) clamp(64px,10vw,96px); text-align:center;\n display:flex; align-items:center; justify-content:center; box-sizing:border-box; }\n .rp-cta *{ box-sizing:border-box; }\n .rp-cta__glow{ position:absolute; border-radius:50%; pointer-events:none; }\n .rp-cta__glow--center{ left:50%; top:50%; transform:translate(-50%,-50%); width:55vw; max-width:600px; height:55vw; max-height:600px;\n background:radial-gradient(closest-side,rgba(231,13,100,.32),transparent 70%); }\n .rp-cta__glow--right{ right:-10%; top:-10%; width:32vw; max-width:340px; height:32vw; max-height:340px;\n background:radial-gradient(closest-side,rgba(231,13,100,.15),transparent 70%); }\n\n .rp-cta__inner{ position:relative; z-index:1; max-width:600px; margin:0 auto; }\n .rp-cta__heading{ font-family:'Asap',sans-serif; font-weight:800; font-size:clamp(26px,4.5vw,36px); line-height:1.1;\n letter-spacing:-.025em; color:#fff; margin:0 0 16px; }\n .rp-cta__desc{ font-size:clamp(15px,2vw,17px); line-height:1.6; color:rgba(255,255,255,.65); margin:0 0 36px; }\n .rp-cta__button{ display:inline-flex; align-items:center; gap:10px; background:var(--rp-pink); color:#fff;\n font-size:16px; font-weight:700; padding:17px 36px; border-radius:999px; box-shadow:0 14px 36px -12px rgba(231,13,100,.6);\n transition:background .2s, transform .15s; text-decoration:none; }\n .rp-cta__button:hover{ background:var(--rp-pink-600); }\n .rp-cta__button:active{ transform:scale(.98); }\n\n .rp-cta [data-rp-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }\n .rp-cta [data-rp-reveal].rp-is-visible{ opacity:1; transform:translateY(0); }\n\n @media (prefers-reduced-motion: reduce){\n .rp-cta [data-rp-reveal]{ opacity:1; transform:none; transition:none; }\n }\n\n \/* === Responsivo por @media (mesma t\u00e9cnica das p\u00e1ginas da pasta\n wordpress, que funcionam). Container queries removidas: com\n container-type:inline-size a se\u00e7\u00e3o vira um item flex \"sem conte\u00fado\"\n para o c\u00e1lculo de largura nos containers flex do Elementor e\n colapsa no mobile. width:100% garante a largura no flex. === *\/\n .rp-cta{ width:100%; overflow-x:clip; }\n .rp-cta *{ min-width:0; }\n \/* :where() = especificidade zero: nunca sobrep\u00f5e height\/width que as\n classes da pr\u00f3pria se\u00e7\u00e3o definem (logos, \u00edcones). *\/\n :where(.rp-cta img){ max-width:100%; height:auto; }\n :where(.rp-cta svg, .rp-cta iframe){ max-width:100%; }\n .rp-cta h1, .rp-cta h2, .rp-cta h3, .rp-cta p, .rp-cta li{ overflow-wrap:break-word; text-wrap:pretty; }\n @media (max-width:520px){ .rp-cta__button{ width:100%; justify-content:center; } }\n\n \/* Cantos arredondados tamb\u00e9m nesta se\u00e7\u00e3o (o hero e o formul\u00e1rio j\u00e1 v\u00eam\n em card). A margem lateral \u00e9 o que deixa o raio vis\u00edvel. *\/\n .rp-cta{ border-radius:clamp(20px,3vw,32px); margin:0 clamp(12px,3vw,24px) clamp(16px,3vw,24px); }\n @media (max-width:480px){\n .rp-cta{ border-radius:20px; margin:0 10px 12px; }\n }\n\n \/* Neutraliza o a:hover azul do tema WordPress dentro desta se\u00e7\u00e3o:\n links mant\u00eam a pr\u00f3pria cor; bot\u00f5es continuam com texto branco. *\/\n .rp-cta a:hover, .rp-cta a:focus{ color:inherit !important; text-decoration:none !important; }\n .rp-cta a[class*=\"cta\"]:hover, .rp-cta a[class*=\"cta\"]:focus, .rp-cta a[class*=\"button\"]:hover, .rp-cta a[class*=\"button\"]:focus, .rp-cta a[class*=\"btn\"]:hover, .rp-cta a[class*=\"btn\"]:focus{ color:#fff !important; }\n<\/style>\n\n\n<section class=\"rp-cta\" aria-label=\"Chamada final para a\u00e7\u00e3o\">\n <div class=\"rp-cta__glow rp-cta__glow--center\" aria-hidden=\"true\"><\/div>\n <div class=\"rp-cta__glow rp-cta__glow--right\" aria-hidden=\"true\"><\/div>\n\n <div class=\"rp-cta__inner\" data-rp-reveal>\n <h2 class=\"rp-cta__heading\">Descubra o que um investidor ou auditor encontraria na sua empresa<\/h2>\n <p class=\"rp-cta__desc\">Gratuito e sem compromisso. Resultado em minutos.<\/p>\n <a class=\"rp-cta__button\" href=\"#form\">\n Ativar radar\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n\n<script data-jetpack-boost=\"ignore\">\n(function(){\n var els = document.querySelectorAll('.rp-cta [data-rp-reveal]');\n function revealAll(){ els.forEach(function(el){ el.classList.add('rp-is-visible'); }); }\n if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n revealAll(); return;\n }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){ entry.target.classList.add('rp-is-visible'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15 });\n els.forEach(function(el){ io.observe(el); });\n setTimeout(revealAll, 1200);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"author":3,"featured_media":6465,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"content-type":""},"categories":[],"tags":[],"publico":[263],"categoria":[246],"class_list":["post-6190","materiais","type-materiais","status-publish","format-standard","has-post-thumbnail","hentry","publico-rh","categoria-ferramenta"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais\/6190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais"}],"about":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/types\/materiais"}],"author":[{"embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":25,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais\/6190\/revisions"}],"predecessor-version":[{"id":6977,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/materiais\/6190\/revisions\/6977"}],"wp:attachment":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/media?parent=6190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/categories?post=6190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/tags?post=6190"},{"taxonomy":"publico","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/publico?post=6190"},{"taxonomy":"categoria","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/categoria?post=6190"},{"taxonomy":"tags","embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/tags?post=6190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}