{"id":40,"date":"2026-09-11T00:48:41","date_gmt":"2026-09-11T00:48:41","guid":{"rendered":"https:\/\/sebrae.hubdobruno.com\/site\/?page_id=40"},"modified":"2026-09-14T19:32:43","modified_gmt":"2026-09-14T19:32:43","slug":"lp","status":"publish","type":"page","link":"https:\/\/sebrae.hubdobruno.com\/site\/lp\/","title":{"rendered":"Farol.IA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-farollps elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"farollps\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-farollpc\" data-id=\"farollpc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-farollpw elementor-widget elementor-widget-html\" data-id=\"farollpw\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     FAROL.IA \u2014 porte de farol-lp-entrega\/farol-lp.html.\n     Gerado por portar-farol-lp.py. N\u00c3O editar aqui: editar a\n     refer\u00eancia e rodar o script de novo.\n     Travas do PROTECTED.md valem: canvas #fx, sandbox #demo,\n     MIN=50, toggle CNPJ + LGPD, reveal threshold .05, paleta\n     Petr\u00f3leo\/Azul Farol (verde-menta \u00e9 regress\u00e3o).\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=Onest:wght@400;500;600;700;800&family=Asap:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n<div class=\"farol-lp\">\n<style>\n\/* blindagem contra o tema do WordPress. color:inherit \u00e9 o item cr\u00edtico:\n   o tema define h1{color} direto e regra direta vence valor herdado. *\/\n.farol-lp,.farol-lp *,.farol-lp *::before,.farol-lp *::after{box-sizing:border-box}\n.farol-lp{position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);overflow-x:hidden}\n.farol-lp h1,.farol-lp h2,.farol-lp h3,.farol-lp h4,.farol-lp p,.farol-lp span,\n.farol-lp li,.farol-lp summary,.farol-lp button,.farol-lp label{\n  margin:0;padding:0;font-family:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}\n.farol-lp img{max-width:none;height:auto;border:0;display:block}\n.farol-lp a{text-decoration:none;box-shadow:none;color:inherit}\n.farol-lp svg,.farol-lp canvas{max-width:none}\n\/* ============ R\u00c9PLICA DE DEMONSTRA\u00c7\u00c3O \u2014 Sebrae ============\n   Medidas de sebraego.com.br\/jornada-ia-desafio-1\/ (p\u00e1gina-modelo).\n   Header 143px (faixa 1 de 103px #EFF3EE + faixa 2 de 40px #2A4FDA).\n   Footer #2A4FDA em tr\u00eas linhas, fechando com a barra #000204.\n   Conte\u00fado em 1200px, Poppins. S\u00f3 demonstra\u00e7\u00e3o: nada precisa funcionar.\n   Em produ\u00e7\u00e3o este bloco \u00e9 recortado \u2014 quem entrega \u00e9 o Theme Builder\n   do Sebrae (header #82, footer #31). Ver marcadores de recorte no HTML. *\/.farol-lp .sbd, .farol-lp .sbd *{box-sizing:border-box}\n.farol-lp .sbd{font-family:Poppins,system-ui,sans-serif;background:#EFF3EE}\n.farol-lp .sbd-in{max-width:1200px;margin:0 auto;padding:0 28px}\n\n\/* --- faixa 1 --- *\/.farol-lp .sbd-um{display:flex;align-items:center;gap:22px;height:103px}\n.farol-lp .sbd-um > svg{width:110px;height:60px;flex:none;display:block}\n.farol-lp .sbd-busca{display:flex;flex:1;max-width:610px;height:40px;margin-left:22px}\n.farol-lp .sbd-campo{flex:1;background:#fff;border:1px solid #E0E5F8;border-right:0;\n  border-radius:5px 0 0 5px;display:flex;align-items:center;gap:10px;padding:0 16px;\n  color:#2A4FDA;font-size:14px}\n.farol-lp .sbd-campo svg{width:15px;height:15px;flex:none;opacity:.65}\n.farol-lp .sbd-btbusca{width:159px;background:#65B7FB;color:#fff;font-size:16px;font-weight:600;\n  letter-spacing:.06em;border-radius:0 5px 5px 0;display:grid;place-items:center}\n.farol-lp .sbd-cursos{background:#2A4FDA;color:#fff;font-size:12px;font-weight:500;\n  height:38px;padding:0 18px;border-radius:5px;display:grid;place-items:center;white-space:nowrap}\n.farol-lp .sbd-entrar{background:#fff;color:#2B3440;font-size:12px;font-weight:500;border:1px solid #D8DEE4;\n  height:38px;padding:0 26px;border-radius:5px;display:grid;place-items:center;margin-left:auto}\n\n\/* --- faixa 2 --- *\/.farol-lp .sbd-dois{background:#2A4FDA;height:40px}\n.farol-lp .sbd-dois .sbd-in{display:flex;align-items:center;justify-content:center;gap:56px;height:40px}\n.farol-lp .sbd-dois span{color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px}\n.farol-lp .sbd-dois .seta::after{content:'';width:5px;height:5px;border-right:1.5px solid #fff;\n  border-bottom:1.5px solid #fff;transform:translateY(-2px) rotate(45deg)}\n\n\/* --- footer --- *\/.farol-lp .sbd-rod{background:#2A4FDA;font-family:Poppins,system-ui,sans-serif;color:#fff;padding:34px 0 0}\n.farol-lp .sbd-rod-in{max-width:1200px;margin:0 auto;padding:0 28px}\n.farol-lp .sbd-l1{display:grid;grid-template-columns:auto 277px 277px 1fr;gap:22px;align-items:start}\n.farol-lp .sbd-l1 > svg{width:205px;height:110px}\n.farol-lp .sbd-caixa{background:rgba(0,0,0,.10);border-radius:8px;overflow:hidden;text-align:center}\n.farol-lp .sbd-caixa b{display:block;background:#fff;color:#1F3EAE;font-size:16px;font-weight:700;\n  padding:14px 10px;letter-spacing:.02em}\n.farol-lp .sbd-caixa p{font-size:12px;font-weight:400;color:#fff;margin:0;padding:4px 10px;line-height:1.5}\n.farol-lp .sbd-caixa p:first-of-type{padding-top:14px}\n.farol-lp .sbd-caixa p.claro{color:#D6E9FF;padding-bottom:16px}\n.farol-lp .sbd-dir{display:flex;flex-direction:column;align-items:center;gap:12px}\n.farol-lp .sbd-pill{display:flex;gap:14px}\n.farol-lp .sbd-pill span{border:1px solid rgba(255,255,255,.45);border-radius:4px;font-size:10px;\n  font-weight:500;letter-spacing:.06em;padding:9px 26px}\n.farol-lp .sbd-redes-t{font-size:14px;font-weight:600;letter-spacing:.02em}\n.farol-lp .sbd-redes{display:flex;gap:22px}\n.farol-lp .sbd-redes svg{width:19px;height:19px;fill:#fff}\n.farol-lp .sbd-hr{border:0;border-top:1px solid rgba(255,255,255,.35);margin:26px 0 30px}\n.farol-lp .sbd-l2{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:26px}\n.farol-lp .sbd-l2 .sbd-col{color:#CFE4FF;font-size:14px;font-weight:700;margin:0 0 22px}\n.farol-lp .sbd-l2 a{display:block;color:#fff;font-size:13px;font-weight:400;margin-bottom:22px;line-height:1.3}\n.farol-lp .sbd-selo{width:143px;height:240px;background:#E1251B;color:#fff;border-radius:2px;\n  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;\n  font-size:13px;font-weight:700;line-height:1.35;padding:14px}\n.farol-lp .sbd-selo small{display:block;font-size:11px;font-weight:500;margin-top:10px;opacity:.92;line-height:1.35}\n.farol-lp .sbd-qr{width:157px;height:157px;background:#fff;border-radius:2px;display:grid;place-items:center}\n.farol-lp .sbd-qr svg{width:132px;height:132px}\n.farol-lp .sbd-copy{background:#000204;margin-top:34px}\n.farol-lp .sbd-copy-in{max-width:1200px;margin:0 auto;padding:20px 28px;display:flex;\n  justify-content:space-between;align-items:center;gap:20px;\n  color:#fff;font-size:12px;font-weight:300;line-height:1.7}\n.farol-lp .sbd-copy-in span:last-child{text-align:right;white-space:nowrap}@media (max-width:1100px){\n  .farol-lp .sbd-l1{grid-template-columns:1fr 1fr;gap:20px}\n  .farol-lp .sbd-l2{grid-template-columns:1fr 1fr;gap:20px}}@media (max-width:820px){\n  .farol-lp .sbd-um{height:70px;gap:12px}\n  .farol-lp .sbd-um > svg{width:86px;height:47px}\n  .farol-lp .sbd-busca, .farol-lp .sbd-entrar, .farol-lp .sbd-dois{display:none}\n  .farol-lp .sbd-cursos{margin-left:auto;font-size:11px;padding:0 14px;height:34px}\n  .farol-lp .sbd-l1, .farol-lp .sbd-l2{grid-template-columns:1fr;text-align:center;justify-items:center}\n  .farol-lp .sbd-copy-in{flex-direction:column;text-align:center}\n  .farol-lp .sbd-copy-in span:last-child{text-align:center}}\n\/* ============================================================\n   FAROL.IA \u2014 LANDING PAGE\n   Identidade: Dire\u00e7\u00e3o 2 \"Caminho\" (aprovada)\n   Petr\u00f3leo #003B3B \u00b7 Azul Farol #0067B1 \u00b7 Onest + Asap\n   ============================================================ *\/\/* ---------- TOKENS ---------- *\/.farol-lp{\n  \/* Marca *\/\n  --petroleo:#003B3B;\n  --azul-farol:#0067B1;\n\n  \/* Rampa escura derivada do Petr\u00f3leo *\/\n  --dark-900:#00191A;\n  --dark-800:#002524;\n  --dark-700:#003B3B;\n  --dark-600:#0A5150;\n  --dark-line:rgba(143,203,240,.14);\n\n  \/* Azul: luz e orienta\u00e7\u00e3o *\/\n  --azul-luz:#4BA3E3;      \/* texto de destaque sobre escuro (AA) *\/\n  --azul-claro:#8FCBF0;    \/* eyebrow, detalhes *\/\n  --azul-fundo:#E8F1F8;\n\n  \/* Claros quentes *\/\n  --areia:#F4F2EE;\n  --areia-2:#EAE6DF;\n  --branco:#FFFFFF;\n\n  \/* Tinta *\/\n  --tinta:#0E1F1E;\n  --tinta-2:#4B5D5C;\n  --tinta-3:#7D8D8C;\n\n  \/* Funcional *\/\n  --sucesso:#4BA3E3;   \/* era #1E9E6A (verde esmeralda), fora da paleta. Agora azul-luz:\n                          o PRODUCT.md fixa so' petroleo + azul + azul-luz (15\/09). *\/\n\n  \/* Forma *\/\n  --r-xl:26px; --r-lg:20px; --r-md:14px; --r-sm:10px; --r-pill:999px;\n\n  \/* Movimento *\/\n  --ease:cubic-bezier(.2,.7,.2,1);\n  --dur:.62s;\n\n  \/* Layout *\/\n  --wrap:1200px;\n  --gut:clamp(20px,5vw,40px);\n  --sec-y:clamp(76px,9vw,132px);\n}\n\n\/* ---------- RESET ---------- *\/.farol-lp *, .farol-lp *::before, .farol-lp *::after{box-sizing:border-box}\n.farol-lp [hidden]{display:none!important}\n.farol-lp{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.farol-lp{scroll-behavior:auto}}\n.farol-lp{margin:0;background:var(--areia);color:var(--tinta);\n  font-family:'Asap',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\n  font-size:clamp(16px,1.02vw,17.5px);line-height:1.62;\n  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}\n.farol-lp img, .farol-lp svg, .farol-lp canvas{display:block;max-width:100%}\n.farol-lp button, .farol-lp input, .farol-lp select, .farol-lp textarea{font:inherit;color:inherit}\n.farol-lp button{cursor:pointer;background:none;border:0}\n.farol-lp h1, .farol-lp h2, .farol-lp h3, .farol-lp h4{font-family:'Onest',ui-sans-serif,system-ui,sans-serif;margin:0;\n  letter-spacing:-.03em;line-height:1.02;font-weight:700;text-wrap:balance}\n.farol-lp p{margin:0}\n.farol-lp a{color:inherit}\n.farol-lp :focus-visible{outline:3px solid var(--azul-luz);outline-offset:3px;border-radius:4px}\n\n\/* ---------- UTIL ---------- *\/.farol-lp .wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}\n.farol-lp .sec{padding-block:var(--sec-y);position:relative}\n\/* A SECAO QUE TERMINA NUMA CURVA JA' GANHOU O RESPIRO DA CURVA. Medido em\n   15\/09\/2026: padding de 96 a 130px SOMADO aos 108px da `.ponte` dava ate'\n   238px de nada entre o ultimo cartao e a secao seguinte. Quem rola acha que\n   a pagina acabou. O fundo da secao encolhe onde a curva vem logo depois. *\/.farol-lp .sec:has(+ .ponte){padding-bottom:calc(var(--sec-y) * .45)}\n.farol-lp .sec--dark{background:var(--dark-700);color:#EAF3F2}\n.farol-lp .sec--light{background:var(--areia)}\n.farol-lp .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n\n.farol-lp .eyebrow{font-family:'Asap';font-size:.775rem;font-weight:600;letter-spacing:.16em;\n  text-transform:uppercase;color:#004576;margin-bottom:18px;display:block}\n.farol-lp .sec--dark .eyebrow{color:var(--azul-claro)}\n\/* eyebrow em secao ESCURA que nao carrega .sec--dark (o sandbox): fica azul-luz\n   claro, senao o azul-farol escuro reprova o contraste (gate por pixel, 15\/09). *\/.farol-lp .sandbox .eyebrow{color:var(--azul-claro)}\n.farol-lp .sandbox .lede, .farol-lp .sandbox .sandbox__head-r{color:#A9C4C3}\n\n.farol-lp .h2{font-size:clamp(2.05rem,4.2vw,3.4rem)}\n.farol-lp .h3{font-size:clamp(1.28rem,1.9vw,1.6rem);letter-spacing:-.02em;line-height:1.14}\n.farol-lp .lede{font-size:clamp(1.03rem,1.35vw,1.19rem);color:var(--tinta-2);max-width:58ch;line-height:1.6}\n.farol-lp .sec--dark .lede{color:#A9C4C3}\n\n\/* ---------- REVEAL (fallback: sempre vis\u00edvel) ---------- *\/\/* pesquisa #11: o reveal ganha um \"entrar em foco\" (blur -> nitido) alem do\n   fade-up. Combina com revelar\/farol: a secao surge da penumbra para a luz. *\/.farol-lp.js [data-reveal]{opacity:0;transform:translateY(22px);filter:blur(5px);\n  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),filter var(--dur) var(--ease)}\n.farol-lp.js [data-reveal].is-in{opacity:1;transform:none;filter:none}\n.farol-lp [data-reveal-d=\"1\"]{transition-delay:.08s}\n.farol-lp [data-reveal-d=\"2\"]{transition-delay:.16s}\n.farol-lp [data-reveal-d=\"3\"]{transition-delay:.24s}\n.farol-lp [data-reveal-d=\"4\"]{transition-delay:.32s}@media (prefers-reduced-motion:reduce){\n  .farol-lp.js [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}\n\n\/* ---------- BOT\u00d5ES ---------- *\/\/* TODOS os botoes com o mesmo canto: o primario do heroi saia diferente dos\n   irmaos (auditor, 15\/09\/2026), e a pagina fala em pilula. *\/.farol-lp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  min-height:54px;padding:0 26px;border-radius:999px;\n  font-family:'Onest';font-weight:600;font-size:1.01rem;letter-spacing:-.01em;\n  text-decoration:none;transition:transform .18s var(--ease),box-shadow .22s var(--ease),background .22s}\n.farol-lp .btn:active{transform:translateY(1px)}\n.farol-lp .btn--primary{background:var(--azul-farol);color:#fff;\n  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 24px -12px rgba(0,20,20,.55)}\n.farol-lp .btn--primary:hover{background:#0576C7;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 14px 30px -12px rgba(0,20,20,.6)}\n.farol-lp .btn--ghost{background:transparent;color:#EAF3F2;border:1.5px solid rgba(143,203,240,.38)}\n.farol-lp .btn--ghost:hover{border-color:var(--azul-luz);background:rgba(75,163,227,.09)}\n\/* A PAGINA INTEIRA usa pilula: os dois CTA do heroi, os chips, os atalhos. O\n   botao do AMEI era o unico retangulo esticado de ponta a ponta do cartao, e\n   destoava de tudo (visto na fatia 07 da captura, 15\/09\/2026). Pilula, e sem\n   esticar ate' a borda. *\/.farol-lp .btn--full{width:100%;border-radius:var(--r-pill,999px)}\n.farol-lp .amei .fnav .btn--full{width:auto;min-width:min(320px,100%);border-radius:999px}\n.farol-lp .amei .fnav{display:flex;justify-content:flex-start}\n.farol-lp .btn__ico{width:18px;height:18px;flex:none;transition:transform .2s var(--ease)}\n.farol-lp .btn:hover .btn__ico{transform:translateX(3px)}\n\n\/* ---------- SHINE BORDER (pesquisa #1) ---------- *\/\n@property --shine-a{syntax:'<angle>';inherits:false;initial-value:0deg}\n.farol-lp .shine{position:relative;border-radius:var(--r-xl);isolation:isolate}\n.farol-lp .shine::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;\n  background:conic-gradient(from var(--shine-a),\n    transparent 0deg,transparent 288deg,\n    rgba(75,163,227,.15) 300deg,var(--azul-luz) 330deg,rgba(143,203,240,.9) 342deg,\n    rgba(75,163,227,.15) 354deg,transparent 360deg);\n  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  mask-composite:exclude;animation:shine 7s linear infinite;pointer-events:none;z-index:2}@keyframes shine{to{--shine-a:360deg}}@media (prefers-reduced-motion:reduce){.farol-lp .shine::before{animation:none;\n  background:linear-gradient(180deg,rgba(75,163,227,.5),rgba(75,163,227,.12))}}\n\n\/* ---------- DIVISOR L\u00c2MPADA (pesquisa #12) ---------- *\/.farol-lp .lamp{position:relative;height:1px;background:var(--dark-line);overflow:visible}\n\/* TRILHA: o s\u00edmbolo \u00e9 \"um caminho que revela\". A linha vertical liga uma\n   se\u00e7\u00e3o \u00e0 seguinte e ABRE \u2014 1px no primeiro divisor, ~3px no \u00faltimo.\n   Pseudo-elemento dos .lamp existentes, sem elemento novo. *\/.farol-lp .lamp::before{content:'';position:absolute;left:50%;translate:-50% 0;top:-26px;\n  width:1px;height:26px;background:linear-gradient(to bottom,transparent,rgba(0,103,177,.30));\n  pointer-events:none}\n.farol-lp .lamp:nth-of-type(2)::before{width:1.6px}\n.farol-lp .lamp:nth-of-type(3)::before{width:2.2px}\n.farol-lp .lamp:nth-of-type(4)::before{width:2.6px}\n.farol-lp .lamp:nth-of-type(n+5)::before{width:3px}\n.farol-lp .lamp::after{content:'';position:absolute;left:50%;top:0;transform:translate(-50%,-50%);\n  width:min(760px,86vw);height:190px;pointer-events:none;\n  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(75,163,227,.30),rgba(75,163,227,.07) 45%,transparent 72%);\n  filter:blur(6px)}\n\/* faixa fotogr\u00e1fica full-bleed *\/\/* PRINT 5 (15\/09\/2026) \u2014 \"esta' muito melhor, mas tem o mesmo problema do\n   anterior: corte seco\". A faixa entrava e saia em duas retas duras.\n\n   PRIMEIRA TENTATIVA, DESCARTADA: somar um degrade bege ao `.faixa__v\u00e9u`.\n   Publiquei, olhei a captura e o titulo \"Feito pelo Sebrae Goias\" tinha\n   lavado \u2014 tinta a mais por cima do texto. Revertido na mesma rodada.\n\n   O QUE FUNCIONA: mascara no proprio elemento. Ela nao acrescenta camada\n   nenhuma sobre o conteudo; so' decide ate' onde a faixa existe. A foto entra\n   e sai do bege em vez de ser recortada, e o texto continua com o mesmo\n   contraste de antes. O texto fica no meio, longe das duas bordas que somem. *\/\/* A MASCARA ESTAVA CORTANDO A PESSOA (17\/09\/2026). O esmaecimento de 13% em\n   cima e embaixo atravessava a cabeca e o avental da ceramista: a foto entrava\n   e saia bonito como faixa de cor, e feio como retrato. O Bruno olhou e disse\n   \"o corte ta' estranho em cima e em baixo\", e estava.\n   O fade encolhe para 7%, que ainda tira a linha reta sem comer o rosto, e a\n   foto desce o enquadramento (38% -> 30%) para a cabeca ficar abaixo da zona\n   que esmaece. Medido na captura: 420px de faixa, cabeca comecando em ~90px;\n   com 7% o fade termina em 29px. *\/.farol-lp .faixa{position:relative;height:clamp(260px,34vw,420px);overflow:hidden;\n  width:100vw;margin-left:calc(50% - 50vw);background:var(--dark-900);\n  \/* O FADE DE BAIXO E' MAIOR QUE O DE CIMA de proposito (17\/09\/2026). O\n     esmaecimento e' vertical, mas a faixa nao tem o mesmo contraste ao longo da\n     largura: a esquerda e' petroleo solido (some cedo contra o bege) e a direita\n     e' foto escura (so' some no fim). A borda inferior, com 7%, LIA como uma\n     diagonal cortando o avental. Com 12% embaixo a saida fica gradual nos dois\n     lados; em cima fica 7%, porque ali esta' o rosto e um fade longo comeria a\n     cabeca, que era o defeito anterior. *\/\n  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 88%,transparent 100%);\n          mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 88%,transparent 100%)}\n.farol-lp .faixa img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;\n  \/* a foto vinha crua: aqui ela e' tingida no petroleo da marca e ganha contraste,\n     para conversar com o hero em vez de parecer banco de imagens *\/\n  filter:saturate(.82) contrast(1.08) brightness(.94)}\n\/* PRINT 5 (15\/09\/2026) \u2014 \"esta' muito melhor, mas tem o mesmo problema do\n   anterior: corte seco\". A faixa entrava e saia em duas retas duras contra o\n   bege das secoes vizinhas. O veu agora tambem fecha em cima e embaixo, no\n   mesmo bege, entao a foto ENTRA e SAI em vez de ser recortada. *\/.farol-lp .faixa__v\u00e9u{position:absolute;inset:0;pointer-events:none;\n  background:\n    linear-gradient(90deg,var(--petroleo) 0%,rgba(0,59,59,.92) 34%,rgba(0,59,59,.28) 68%,transparent 92%),\n    radial-gradient(70% 90% at 8% 50%, rgba(0,103,177,.30), transparent 70%)}\n.farol-lp .faixa__cx{position:absolute;left:clamp(20px,5vw,48px);top:50%;translate:0 -50%;\n  max-width:min(46ch,52vw);display:flex;flex-direction:column;gap:18px}\n.farol-lp .faixa__txt{margin:0;color:#EAF3F2;\n  font-family:'Onest',ui-sans-serif,system-ui,sans-serif;font-weight:700;\n  font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.16;letter-spacing:-.025em}\n.farol-lp .faixa__selos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}\n.farol-lp .faixa__selos li{display:inline-flex;align-items:center;gap:8px;\n  padding:8px 14px;border-radius:999px;font-size:.86rem;font-weight:600;\n  color:#D6E9FF;background:rgba(255,255,255,.09);\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}\n.farol-lp .faixa__selos li::before{content:'';width:6px;height:6px;border-radius:50%;\n  background:var(--azul-luz);flex:none}@media (max-width:600px){\n  .farol-lp .faixa__cx{max-width:76vw}\n  .farol-lp .faixa__txt{font-size:1.15rem}\n  .farol-lp .faixa__selos li{font-size:.78rem;padding:6px 11px}\n  .farol-lp .faixa__v\u00e9u{background:linear-gradient(90deg,var(--petroleo) 0%,rgba(0,59,59,.80) 52%,transparent 96%)}}\n\n\/* fechamento: s\u00edmbolo grande, muito ar, uma linha s\u00f3 *\/\/* 228px DE PETROLEO VAZIO ENTRE A ENTRADA E O FECHO (16\/09\/2026). Com a FAQ\n   fora, a entrada e o fecho ficaram lado a lado e os dois respiros somaram:\n   108px no fim de uma mais 120px no topo da outra, na MESMA cor, o que le como\n   buraco e nao como respiro. Medido no navegador antes de mexer. Quando o fecho\n   vem logo depois da entrada, o respiro de cima encolhe; se a FAQ voltar, esta\n   regra deixa de casar sozinha e o desenho antigo volta inteiro. *\/.farol-lp .form-sec + .fecho{padding-top:28px}\n.farol-lp .fecho{background:var(--petroleo);color:#EAF3F2;text-align:center;\n  padding-block:clamp(64px,9vw,120px)}\n.farol-lp .fecho__mark{width:clamp(120px,13vw,160px);height:auto;aspect-ratio:440\/417;display:block;margin:0 auto}\n.farol-lp .fecho__txt{margin:clamp(22px,3vw,34px) 0 0;color:#8FA9A8;\n  font-family:'Asap',ui-sans-serif,system-ui,sans-serif;font-size:1.02rem}\n\n.farol-lp .lamp--onlight::after{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,103,177,.16),transparent 70%)}\n\n\/* divisores curvos entre se\u00e7\u00f5es (restaurados da page 24) *\/.farol-lp .ponte{display:block;width:100%;height:clamp(60px,7.5vw,120px);position:relative;z-index:4;margin:-2px 0}\n\n\n\/* ============================================================\n   1 \u00b7 HERO\n   ============================================================ *\/\/* PRINT 4 (15\/09\/2026) \u2014 \"a foto termina numa borda reta\". Medido: o conteudo\n   do heroi (`.wrap`, z-index 4) acaba em 826px e o heroi so' acaba em 989px;\n   os 163px de baixo sao decoracao pura (`.hero__palco` z0, `.hero__photo` z1,\n   `.hero__vig` z2), e `overflow:hidden` cortava tudo isso numa reta.\n   Esta camada fica ENTRE a decoracao e o conteudo (z-index 3): apaga o que e'\n   enfeite antes da borda e nao encosta no texto nem nos botoes. *\/.farol-lp .hero::after{content:'';position:absolute;left:0;right:0;bottom:0;\n  height:clamp(96px,13vh,180px);z-index:3;pointer-events:none;\n  background:linear-gradient(to bottom, rgba(0,25,26,0) 0%, rgba(0,25,26,.72) 58%, var(--dark-900) 100%)}\n.farol-lp .hero{position:relative;background:var(--dark-900);color:#EAF3F2;overflow:hidden;\n  min-height:min(94vh,860px);display:flex;align-items:center;\n  padding-block:clamp(72px,10vh,120px);border-top:1px solid rgba(75,163,227,.35)}\n\n\/* foto: sangra \u00e0 direita, some por m\u00e1scara (nunca sobreposi\u00e7\u00e3o opaca) *\/\/* saia 20px para fora da tela no celular (auditor, 15\/09\/2026): a largura era\n   calculada sobre o her\u00f3i, que ja' tem padding, e o inset a colava na borda. *\/.farol-lp .hero__photo{position:absolute;inset:0 0 0 auto;width:min(52%,780px);max-width:100%;\n  right:0;overflow:hidden;z-index:1;pointer-events:none}\n.farol-lp .hero__photo img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;\n  -webkit-mask-image:\n     linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.82) 58%, #000 88%),\n     linear-gradient(0deg,  transparent 0%, #000 30%);\n  -webkit-mask-composite:source-in;\n          mask-image:\n     linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.82) 58%, #000 88%),\n     linear-gradient(0deg,  transparent 0%, #000 30%);\n          mask-composite:intersect}@supports not (mask-composite:intersect){\n  .farol-lp .hero__photo img{\n    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.82) 58%, #000 88%);\n            mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.82) 58%, #000 88%)}}\n\/* a sombra da foto tem que ser Petr\u00f3leo, n\u00e3o preto neutro *\/\/* A CAMADA DE COR TINHA BORDA DURA e desenhava uma emenda vertical no meio do\n   heroi: a foto era mascarada, ela nao. Agora ela usa a MESMA mascara da foto,\n   entao a sombra some junto com a imagem em vez de cortar o fundo ao meio\n   (medido em 15\/09\/2026, na fatia 01 da captura). *\/.farol-lp .hero__photo::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;\n  background:var(--dark-700);mix-blend-mode:color;opacity:.20;\n  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.82) 58%, #000 88%);\n          mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.82) 58%, #000 88%)}\n\/* estado sem foto: o campo escuro puro j\u00e1 \u00e9 a arte *\/.farol-lp .hero__photo:not(:has(img)){background:\n  radial-gradient(120% 90% at 92% 42%,rgba(10,81,80,.55),transparent 62%),\n  radial-gradient(60% 60% at 78% 30%,rgba(0,103,177,.20),transparent 70%)}\n\n\/* #palco: as tr\u00eas camadas de gradiente da v2 (page_id=12), copiadas.\n   \u00danica adapta\u00e7\u00e3o autorizada: a menta do segundo gradiente virou Azul\n   Farol claro rgba(75,163,227,.30) \u2014 menta n\u00e3o est\u00e1 na identidade. *\/.farol-lp .hero__palco{position:absolute;inset:0;z-index:0;pointer-events:none;\n  background:\n    \/* o foco quente onde a pessoa esta: e' o que faz a foto ter luz propria em\n       vez de ser um recorte escuro colado no fundo (referencia: page_id=12) *\/\n    radial-gradient(38% 46% at 72% 52%, rgba(255,176,92,.13), transparent 68%),\n    radial-gradient(64% 54% at 18% 28%, rgba(0,103,177,.62), transparent 72%),\n    radial-gradient(52% 48% at 76% 66%, rgba(75,163,227,.38), transparent 72%),\n    \/* respiro de profundidade: sem esta camada o degrade fica chapado e o hero\n       \"parado\", que foi a palavra do Bruno em 10\/09\/2026 *\/\n    radial-gradient(90% 70% at 50% 110%, rgba(0,59,59,.85), transparent 70%),\n    linear-gradient(160deg, #00474A, #000E0E)}\n\/* #cv: n\u00e9voa ambiente (Canvas 2D, sem WebGL).\n   #malha: rede + palavras, mix-blend-mode:screen faz brilhar. *\/.farol-lp #cv, .farol-lp #malha{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}\n.farol-lp #malha{mix-blend-mode:screen;opacity:.85}\n\/* a nevoa existia e ninguem via: com 1.0 ela vira o movimento que faltava *\/.farol-lp #cv{opacity:1}\n.farol-lp .hero__vig{position:absolute;inset:0;z-index:2;pointer-events:none;\n  background:radial-gradient(115% 130% at 78% 42%,transparent 34%,rgba(0,20,21,.42) 100%)}\n.farol-lp .hero .wrap{position:relative;z-index:4}\n.farol-lp .hero__copy{max-width:min(720px,100%)}\n\n.farol-lp .brandline{display:flex;align-items:center;gap:13px;margin-bottom:clamp(22px,3vw,34px)}\n.farol-lp .brandline__mark{width:auto;height:40px;flex:none}\n\/* a logo oficial inteira (simbolo + marca nominal), proporcao 4381x780 *\/.farol-lp .brandline__logo{height:clamp(34px,3.1vw,44px);width:auto;flex:none;display:block}\n.farol-lp .brandline__name{font-family:'Onest';font-weight:700;font-size:1.42rem;letter-spacing:-.03em;color:#fff}\n.farol-lp .brandline__name i{font-style:normal;color:var(--azul-luz)}\n.farol-lp .brandline__sep{width:1px;height:24px;background:rgba(143,203,240,.28)}\n.farol-lp .brandline__org{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:#8FA9A8;font-weight:600}\n\n.farol-lp .hero h1{font-size:clamp(2.35rem,4.5vw,3.2rem);font-weight:800;line-height:1.02;color:#fff}\n.farol-lp .hero h1 .l3{display:block;color:var(--azul-luz);position:relative}\n\/* WIPE DA 3a LINHA \u2014 portado da page_id=25 (pesquisa #7). E' o \"texto revelando\"\n   que o Bruno cobrou: a linha nao aparece, ela e' DESCOBERTA da esquerda para a\n   direita, como se a luz passasse por ela. *\/.farol-lp.js .hero h1 .l3 span{display:inline-block;will-change:clip-path;\n  clip-path:inset(0 100% -.18em 0);transition:clip-path 1.05s var(--ease)}\n.farol-lp.js .hero h1 .l3.is-lit span{clip-path:inset(0 -2% -.18em 0)}@media (prefers-reduced-motion:reduce){\n  .farol-lp.js .hero h1 .l3 span{clip-path:none!important;transition:none}}\n\n.farol-lp .hero__sub{margin-top:clamp(20px,2.4vw,28px);font-size:clamp(1.04rem,1.3vw,1.18rem);\n  color:#B8CFCE;max-width:50ch;line-height:1.58}\n.farol-lp .hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,3.4vw,40px)}\n\n\/* selo do diferencial *\/.farol-lp .hero__claim{display:inline-flex;align-items:center;gap:11px;margin-top:26px;\n  padding:11px 18px 11px 14px;border-radius:var(--r-pill);\n  background:rgba(0,103,177,.16);border:1px solid rgba(75,163,227,.30);\n  font-size:.93rem;color:#CFE3F5}\n.farol-lp .hero__claim b{color:#fff;font-weight:600}\n.farol-lp .hero__claim .dot{width:8px;height:8px;border-radius:50%;background:var(--sucesso);flex:none;\n  box-shadow:0 0 0 4px rgba(30,158,106,.20)}\n\n\/* prova social agregada \u2014 some sozinha se n\u00e3o houver dado *\/.farol-lp .proof{margin-top:30px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;\n  font-size:.93rem;color:#93AEAD;line-height:1.4}@media (max-width:520px){.farol-lp .proof{font-size:.86rem;gap:8px}.farol-lp .proof__n{font-size:1.3rem}}\n.farol-lp .proof__n{font-family:'Onest';font-weight:700;font-size:1.5rem;color:#fff;letter-spacing:-.02em}\n.farol-lp .proof[hidden]{display:none}\n.farol-lp .proof__tag{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;\n  padding:4px 9px;border-radius:var(--r-pill);color:#C8A24B;\n  background:rgba(200,162,75,.14);border:1px solid rgba(200,162,75,.34)}\n.farol-lp .proof-alt{margin-top:30px;font-size:.9rem;color:#8FA9A8;display:flex;align-items:center;gap:10px}\n.farol-lp .proof-alt svg{width:16px;height:16px;flex:none;color:var(--azul-luz)}@media (max-width:900px){\n  .farol-lp .hero{min-height:0;padding-block:56px 0;flex-direction:column;align-items:stretch}\n  .farol-lp .hero .wrap{order:1;width:100%}\n  .farol-lp .hero__photo{order:2}\n  \/* MEDIDO a 390px (15\/09\/2026): a foto comecava em x=-20 e terminava em 370,\n     deixando uma TIRA NUA de 20px do fundo do heroi na borda direita. A conta\n     `100% + gut*2` depende do padding do pai, que muda de valor conforme a\n     largura; o `calc(50% - 50vw)` nao depende de nada e encosta exato nas duas\n     bordas. Correcao anterior errou para o outro lado e ninguem olhou. *\/.farol-lp .hero__photo{position:relative;height:min(80vw,380px);\n    width:100vw;margin:30px 0 0;margin-left:calc(50% - 50vw)}\n  .farol-lp .hero__photo:not(:has(img)){height:200px;margin-top:20px}\n  .farol-lp .hero__cta{flex-direction:column;align-items:stretch}\n  .farol-lp .hero__cta .btn{width:100%}\n  .farol-lp .hero__photo img{object-position:50% 28%;\n    -webkit-mask-image:linear-gradient(0deg, transparent 0%, #000 28%),linear-gradient(180deg, transparent 0%, #000 24%);\n    -webkit-mask-composite:source-in;\n            mask-image:linear-gradient(0deg, transparent 0%, #000 28%),linear-gradient(180deg, transparent 0%, #000 24%);\n            mask-composite:intersect}\n  .farol-lp .hero .wrap{display:flex;flex-direction:column}\n  .farol-lp .hero__vig{background:radial-gradient(120% 80% at 50% 72%,transparent 42%,rgba(0,20,21,.40) 100%)}}\n\n\/* ============================================================\n   2 \u00b7 SANDBOX  (demonstra\u00e7\u00e3o roteirizada)\n   ============================================================ *\/.farol-lp .sandbox{background:linear-gradient(180deg,var(--dark-900),var(--dark-800) 55%,var(--dark-700));\n  color:#EAF3F2;padding-block:clamp(50px,6vw,88px) var(--sec-y);position:relative;overflow:hidden}\n\/* o subt\u00edtulo quebrava em 3 linhas e abria um v\u00e3o antes do painel *\/.farol-lp .sandbox__head{display:grid;grid-template-columns:1.25fr 1fr;\n  gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(24px,2.8vw,36px)}\n.farol-lp .sandbox__head-l{min-width:0}\n.farol-lp .sandbox__head-r{margin:0;max-width:44ch;padding-bottom:6px}@media (max-width:900px){\n  .farol-lp .sandbox__head{grid-template-columns:1fr;gap:18px;align-items:start}\n  .farol-lp .sandbox__head-r{padding-bottom:0}}\n.farol-lp .sandbox .lede{max-width:46ch}\n.farol-lp .sandbox{padding-top:clamp(42px,5.2vw,75px)}\n.farol-lp .sandbox h2{color:#fff}\n.farol-lp .sandbox h2 em{font-style:normal;color:var(--azul-luz)}\n\n.farol-lp .panel{background:rgba(0,25,26,.62);border-radius:var(--r-xl);overflow:hidden;\n  backdrop-filter:blur(2px);box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}\n.farol-lp .panel__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;\n  padding:15px 20px;border-bottom:1px solid var(--dark-line);background:rgba(255,255,255,.025)}\n.farol-lp .panel__id{display:flex;align-items:center;gap:11px;font-family:'Onest';font-weight:600;font-size:.97rem}\n.farol-lp .panel__id svg{width:26px;height:26px;flex:none}\n.farol-lp .badge-demo{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;\n  padding:6px 11px;border-radius:var(--r-pill);color:#9FC4E4;\n  background:rgba(75,163,227,.13);border:1px solid rgba(75,163,227,.28)}\n\n.farol-lp .panel__body{display:grid;grid-template-columns:1fr .92fr;min-height:436px}@media (max-width:880px){.farol-lp .panel__body{grid-template-columns:1fr;min-height:0}}\n\n\/* coluna conversa *\/.farol-lp .conv{padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:12px;\n  border-right:1px solid var(--dark-line)}@media (max-width:880px){.farol-lp .conv{border-right:0;border-bottom:1px solid var(--dark-line)}}\n.farol-lp .conv__label{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#6F8A89;font-weight:600;margin-bottom:4px}\n.farol-lp .conv__scroll{display:flex;flex-direction:column;gap:11px;flex:1}\n.farol-lp .bub{max-width:88%;padding:13px 16px;border-radius:16px;font-size:.965rem;line-height:1.5;\n  animation:bubIn .42s var(--ease) both}\n.farol-lp .bub--bot{background:rgba(255,255,255,.055);border:1px solid var(--dark-line);\n  border-bottom-left-radius:6px;align-self:flex-start;color:#DCEAE9}\n.farol-lp .bub--me{background:var(--azul-farol);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}@keyframes bubIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}\n.farol-lp .typing{display:inline-flex;gap:5px;align-items:center;padding:15px 17px;\n  background:rgba(255,255,255,.055);border:1px solid var(--dark-line);border-radius:16px;\n  border-bottom-left-radius:6px;align-self:flex-start}\n.farol-lp .typing i{width:6px;height:6px;border-radius:50%;background:#7FA9C9;display:block;\n  animation:blink 1.25s infinite}\n.farol-lp .typing i:nth-child(2){animation-delay:.18s}.farol-lp .typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}\n\n.farol-lp .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}\n.farol-lp .chip{min-height:46px;padding:11px 17px;border-radius:var(--r-pill);\n  border:1.5px solid rgba(143,203,240,.30);background:rgba(75,163,227,.07);\n  color:#CFE3F5;font-size:.93rem;font-weight:500;\n  transition:background .18s,border-color .18s,transform .16s var(--ease)}\n.farol-lp .chip:hover{background:rgba(75,163,227,.17);border-color:var(--azul-luz);transform:translateY(-1px)}\n.farol-lp .chips[data-done] .chip{opacity:.32;pointer-events:none}\n\n.farol-lp .conv__end{margin-top:auto;padding-top:14px;border-top:1px solid var(--dark-line);\n  display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}\n.farol-lp .conv__end p{font-size:.92rem;color:#9FB8B7}\n.farol-lp .conv__end b{color:#fff;font-weight:600}\n\n\/* coluna documento *\/.farol-lp .doc{padding:clamp(18px,2.4vw,26px);background:rgba(0,20,21,.42)}\n.farol-lp .doc__label{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#6F8A89;font-weight:600;margin-bottom:16px}\n.farol-lp .doc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}\n.farol-lp .doc__item{padding:14px 16px;border-radius:var(--r-md);border:1px solid rgba(143,203,240,.10);\n  background:rgba(255,255,255,.018);transition:all .5s var(--ease)}\n.farol-lp .doc__item h3{font-family:'Onest';font-size:.97rem;font-weight:600;color:#8FAEAD;\n  transition:color .5s var(--ease);letter-spacing:-.01em}\n.farol-lp .doc__item p{font-size:.87rem;color:#9FBDBC;margin-top:5px;line-height:1.48;\n  transition:color .5s var(--ease)}\n.farol-lp .doc__item.is-on{border-color:rgba(75,163,227,.42);background:rgba(0,103,177,.11);\n  box-shadow:0 0 0 1px rgba(75,163,227,.14),0 14px 30px -22px rgba(0,20,20,.6)}\n.farol-lp .doc__item.is-on h3{color:#fff}\n.farol-lp .doc__item.is-on p{color:#B6D2E6}\n.farol-lp .doc__foot{margin-top:16px;font-size:.83rem;color:#5E7877;display:flex;align-items:center;gap:9px}\n.farol-lp .doc__foot .pulse{width:7px;height:7px;border-radius:50%;background:var(--azul-luz);\n  animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}\n\n\/* ============================================================\n   3 \u00b7 TENS\u00c3O\n   ============================================================ *\/.farol-lp .tensao{background:var(--areia);position:relative;overflow:hidden}\n.farol-lp .tensao__net{position:absolute;inset:0;opacity:.5;pointer-events:none}\n.farol-lp .tensao .wrap{position:relative;z-index:1}\n.farol-lp .tensao{padding-bottom:clamp(46px,5.4vw,82px)}\n.farol-lp .tensao__grid{display:grid;grid-template-columns:1fr 1.35fr;\n  gap:clamp(14px,1.6vw,20px) clamp(34px,5vw,72px);align-items:start}\n.farol-lp .tensao__lado{display:flex;flex-direction:column;gap:18px;position:sticky;top:96px}\n.farol-lp .tensao__diag{font-family:'Onest';font-weight:600;font-size:clamp(1.06rem,1.5vw,1.3rem);\n  line-height:1.3;color:var(--tinta-2);margin:0;max-width:20ch}\n.farol-lp .tensao__diag2{font-family:'Onest';font-weight:700;font-size:clamp(1.24rem,1.9vw,1.66rem);\n  line-height:1.22;letter-spacing:-.02em;color:var(--petroleo);margin:0;max-width:18ch;\n  padding-top:16px;border-top:2px solid var(--azul-farol)}@media (max-width:880px){.farol-lp .tensao__lado{position:static}}@media (max-width:880px){.farol-lp .tensao__grid{grid-template-columns:1fr;gap:30px}}\n.farol-lp .tensao__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}\n.farol-lp .tensao__list li{font-family:'Onest';font-weight:600;letter-spacing:-.028em;line-height:1.14;\n  font-size:clamp(1.36rem,2.75vw,2.2rem);color:var(--tinta);padding-block:clamp(18px,2.4vw,28px);\n  \/* 22ch quebrava as frases cedo demais e abria um segundo vazio, agora a\n     direita. A medida confortavel de leitura em display e' mais larga. *\/\n  border-top:1px solid rgba(0,59,59,.13);max-width:30ch}\n.farol-lp .tensao__list li:first-child{border-top:0;padding-top:0}\n.farol-lp .tensao__list li:last-child{padding-bottom:0}\n.farol-lp .tensao__list li span{color:var(--azul-farol)}\n.farol-lp .tensao__foot{grid-column:1\/-1;margin-top:clamp(14px,1.6vw,20px);font-size:1.02rem;color:var(--tinta-2)}\n.farol-lp .tensao__foot b{color:var(--tinta);font-weight:600;display:block;margin-top:8px}\n\n\/* ============================================================\n   4 \u00b7 COMO FUNCIONA \u2014 funil invertido (pesquisa #3 + #10)\n   ============================================================ *\/.farol-lp .como{background:linear-gradient(180deg,var(--areia),#EFEBE4);padding-bottom:clamp(56px,7vw,96px)}\n\/* pesquisa #8: as secoes claras (como, faq) estavam chapadas. Ganham um respiro\n   de luz que anda devagar, atras do conteudo. Sutil de proposito \u2014 e' pagina de\n   orgao publico, nao boate. (A tensao ja tinha a malha viva #net1.) *\/.farol-lp .como, .farol-lp .faq{overflow:hidden}\n.farol-lp .como>.wrap, .farol-lp .faq>.wrap{position:relative;z-index:1}\n.farol-lp .como::before, .farol-lp .faq::before{content:'';position:absolute;pointer-events:none;z-index:0;\n  width:min(60vw,700px);aspect-ratio:1;border-radius:50%;top:-14%;left:58%;\n  background:radial-gradient(circle,rgba(75,163,227,.09),transparent 66%);filter:blur(22px);\n  animation:brisa 20s ease-in-out infinite alternate}\n.farol-lp .faq::before{left:-8%;top:auto;bottom:-16%}@keyframes brisa{from{transform:translate(-8%,0) scale(1)}to{transform:translate(6%,7%) scale(1.14)}}@media (prefers-reduced-motion:reduce){.farol-lp .como::before, .farol-lp .faq::before{animation:none}}\n.farol-lp .funil{margin-top:clamp(38px,4.5vw,58px);display:flex;flex-direction:column;\n  gap:clamp(12px,1.5vw,18px);max-width:900px;margin-inline:auto}\n.farol-lp .step{position:relative;background:var(--branco);border:1px solid rgba(0,59,59,.09);\n  border-radius:var(--r-lg);padding:clamp(20px,2.6vw,30px) clamp(22px,3vw,36px);\n  \/* COLUNA FIXA, NAO `auto`. MEDIDO a 390px em 15\/09\/2026: a coluna do numero\n     saia com 32,17px \/ 37,03px \/ 39,52px nos tres cartoes, porque o algarismo\n     tem largura propria na fonte. O titulo e o texto comecavam em x=91, 96 e 99\n     \u2014 tres alinhamentos diferentes na mesma pilha, um embaixo do outro. *\/\n  display:grid;grid-template-columns:2.6em 1fr;gap:clamp(16px,2.4vw,30px);align-items:start;\n  box-shadow:0 22px 44px -34px rgba(0,59,59,.34)}\n\/* a largura cresce = o halo abrindo *\/.farol-lp .step:nth-child(1){width:68%;margin-inline:auto}\n.farol-lp .step:nth-child(2){width:84%;margin-inline:auto}\n.farol-lp .step:nth-child(3){width:100%}@media (max-width:760px){.farol-lp .step, .farol-lp .step:nth-child(1), .farol-lp .step:nth-child(2){width:100%}}\n.farol-lp .step__n{font-family:'Onest';font-weight:800;font-size:clamp(2.1rem,3.4vw,2.9rem);\n  line-height:.85;color:var(--azul-farol);opacity:.9;letter-spacing:-.05em;\n  \/* algarismo de largura fixa: sem isto o \"01\" e o \"03\" ocupam larguras\n     diferentes mesmo com a coluna fixa, e o numero dan\u00e7a dentro dela *\/\n  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}\n.farol-lp .step h3{margin-bottom:7px}\n.farol-lp .step p{color:var(--tinta-2);font-size:.99rem;line-height:1.55;max-width:52ch}\n.farol-lp .step__ico{width:26px;height:26px;color:var(--petroleo);margin-bottom:10px}\n\/* linha conectora que se desenha *\/.farol-lp .step::before{content:'';position:absolute;left:50%;bottom:-19px;width:1.5px;height:18px;\n  background:linear-gradient(180deg,rgba(0,103,177,.55),rgba(0,103,177,.12));transform:translateX(-50%)}\n.farol-lp .step:last-child::before{display:none}\n\n.farol-lp .como__chips{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:clamp(32px,4vw,46px)}\n.farol-lp .tag{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:var(--r-pill);\n  background:var(--branco);border:1px solid rgba(0,59,59,.11);font-size:.92rem;color:var(--tinta-2);\n  box-shadow:0 8px 20px -16px rgba(0,59,59,.4)}\n.farol-lp .tag svg{width:16px;height:16px;color:var(--azul-farol);flex:none}\n\n\/* ============================================================\n   5 \u00b7 AS 5 JORNADAS (pesquisa #4 varredura + #9 toque)\n   ============================================================ *\/\/* Azul Farol escurecido: cor da marca, resolve a monotonia verde-e-branco. *\/.farol-lp .jorn{background:#00243F;color:#EAF3F2;position:relative;overflow:hidden}\n\/* A secao e' ESCURA mas nao carregava a classe `.sec--dark`, entao as regras de\n   tinta clara (.sec--dark .lede, .sec--dark .eyebrow) nunca pegavam: o texto\n   saia com a tinta das secoes claras, #4B5D5C sobre #00243F \u2014 1.8:1 medido, ou\n   seja, praticamente invisivel (10\/09\/2026). Aqui a propria secao repoe o que\n   faltava, sem depender de alguem lembrar de por a classe no markup. *\/.farol-lp .jorn .lede, .farol-lp .jorn p{color:#A9C4C3}\n.farol-lp .jorn .eyebrow{color:var(--azul-claro)}\n.farol-lp .jorn h2, .farol-lp .jorn h3{color:#EAF3F2}\n.farol-lp .jorn .card__res{color:#A9C4C3}\n\/* 4,04:1 medido no pixel composto sobre o fundo real do cartao (o valor do\n   CSS enganava porque o cartao tem gradiente por cima). #9DBCBB da' 4,73:1. *\/.farol-lp .jorn .card__time, .farol-lp .jorn .card__flag{color:#9DBCBB}\n.farol-lp .jorn .card{background:rgba(255,255,255,.06);border-color:rgba(143,203,240,.20)}\n\/* pesquisa #12: lampada -> facho de farol. A fonte de luz no topo e o cone\n   descendo sobre os cards, com um pulso lento. O conteudo fica acima (z-index). *\/.farol-lp .jorn .wrap{position:relative;z-index:1}\n.farol-lp .jorn__lamp{position:absolute;top:0;left:50%;transform:translateX(-50%);\n  width:min(860px,96%);height:440px;pointer-events:none;z-index:0}\n.farol-lp .jorn__lamp::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);\n  width:100%;height:100%;\n  background:conic-gradient(from 180deg at 50% -2%,transparent 40%,rgba(75,163,227,.20) 46%,\n    rgba(143,203,240,.52) 50%,rgba(75,163,227,.20) 54%,transparent 60%);\n  filter:blur(12px);opacity:.85;\n  -webkit-mask:linear-gradient(#000,transparent 88%);mask:linear-gradient(#000,transparent 88%);\n  animation:farolPulse 6s ease-in-out infinite}\n.farol-lp .jorn__lamp::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);\n  width:260px;height:4px;border-radius:99px;background:var(--azul-luz);\n  box-shadow:0 0 30px 8px rgba(75,163,227,.65);opacity:.95}@keyframes farolPulse{0%,100%{opacity:.62}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.farol-lp .jorn__lamp::before{animation:none;opacity:.62}}\n.farol-lp .jorn__head{display:flex;flex-wrap:wrap;gap:22px;align-items:end;justify-content:space-between;\n  margin-bottom:clamp(32px,4vw,48px)}\n.farol-lp .jorn h2{color:#fff;max-width:16ch}\n.farol-lp .jorn{padding-bottom:clamp(58px,7vw,100px)}\n.farol-lp .jorn__grid{display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}\n\/* OS CINCO CARTOES TINHAM DUAS LARGURAS (medido em 15\/09\/2026: 364px na\n   primeira fila, 553px na segunda). Sao cinco itens do mesmo tipo \u2014 cinco\n   jornadas \u2014 e largura diferente diz ao olho que sao coisas de peso\n   diferente, o que nao e' verdade. Os dois de baixo passam a ter a largura\n   dos de cima e ficam CENTRADOS, deixando a primeira e a ultima coluna\n   vazias. A sobra vira simetria em vez de card esticado. *\/.farol-lp .jorn__grid>.card{grid-column:span 2}\n.farol-lp .jorn__grid>.card:nth-child(4){grid-column:2\/span 2}\n.farol-lp .jorn__grid>.card:nth-child(5){grid-column:4\/span 2}@media (max-width:1020px){\n  .farol-lp .jorn__grid{grid-template-columns:repeat(2,1fr)}\n  .farol-lp .jorn__grid>.card:nth-child(-n+3), .farol-lp .jorn__grid>.card:nth-child(n+4){grid-column:span 1}\n  .farol-lp .jorn__grid>.card:first-child{grid-column:span 2}}@media (max-width:600px){\n  .farol-lp .jorn__grid{grid-template-columns:1fr}\n  .farol-lp .jorn__grid>.card, .farol-lp .jorn__grid>.card:first-child{grid-column:span 1}}\n\n.farol-lp .card{position:relative;text-align:left;width:100%;border-radius:var(--r-lg);\n  background:rgba(255,255,255,.042);border:1px solid var(--dark-line);\n  padding:24px 22px 20px;overflow:hidden;color:inherit;\n  transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}\n.farol-lp .card:hover{background:rgba(255,255,255,.075);transform:translateY(-3px)}\n\/* varredura de luz por baixo dos \u00edcones *\/.farol-lp .card::before{content:'';position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;\n  background:linear-gradient(105deg,transparent 38%,rgba(75,163,227,.16) 50%,transparent 62%);\n  background-size:280% 100%;background-position:180% 0}\n.farol-lp .jorn.is-shimmering .card::before{animation:shimmer 1.5s var(--ease) forwards}\n.farol-lp .jorn.is-shimmering .card:nth-child(2)::before{animation-delay:.13s}\n.farol-lp .jorn.is-shimmering .card:nth-child(3)::before{animation-delay:.26s}\n.farol-lp .jorn.is-shimmering .card:nth-child(4)::before{animation-delay:.39s}\n.farol-lp .jorn.is-shimmering .card:nth-child(5)::before{animation-delay:.52s}@keyframes shimmer{to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.farol-lp .jorn.is-shimmering .card::before{animation:none}}\n\n.farol-lp .card__ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;\n  background:rgba(75,163,227,.13);border:1px solid rgba(75,163,227,.24);margin-bottom:16px}\n\/* \u00cdCONE AO LADO DO T\u00cdTULO (28\/09\/2026). O \u00edcone em caixinha empilhado sobre o\n   t\u00edtulo \u00e9 o molde de cart\u00e3o que todo gerador repete; ao lado, ele acompanha o\n   nome da jornada e o cart\u00e3o fica mais baixo. O selo vai para o fluxo, no alto. *\/.farol-lp .card{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-content:start}\n.farol-lp .card>*{grid-column:1\/-1}\n.farol-lp .card>.card__ico{grid-column:1;grid-row:span 2;margin-bottom:0;align-self:center}\n.farol-lp .card>h3, .farol-lp .card>.card__res{grid-column:2}\n.farol-lp .card>h3{align-self:end;margin-bottom:2px}\n.farol-lp .card>.card__flag{position:static;justify-self:start;margin-bottom:14px}\n.farol-lp .card__ico svg{width:22px;height:22px;color:var(--azul-luz)}\n\/* pesquisa #4: luz de farol passando SOB o icone de cada bot. Fica atras do\n   squircle (isolation+z-index) e pulsa devagar; hover intensifica. *\/.farol-lp .card__ico{position:relative;isolation:isolate}\n.farol-lp .card__ico::before{content:'';position:absolute;inset:-45% -32% -65% -32%;z-index:-1;pointer-events:none;\n  background:radial-gradient(ellipse 62% 55% at 50% 66%,rgba(75,163,227,.55),transparent 70%);\n  filter:blur(7px);opacity:.38;animation:icoGlow 3.6s ease-in-out infinite}\n.farol-lp .jorn__grid>.card:nth-child(2) .card__ico::before{animation-delay:.4s}\n.farol-lp .jorn__grid>.card:nth-child(3) .card__ico::before{animation-delay:.8s}\n.farol-lp .jorn__grid>.card:nth-child(4) .card__ico::before{animation-delay:1.2s}\n.farol-lp .jorn__grid>.card:nth-child(5) .card__ico::before{animation-delay:1.6s}\n.farol-lp .card:hover .card__ico::before{opacity:.62}@keyframes icoGlow{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.55;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.farol-lp .card__ico::before{animation:none;opacity:.42}}\n.farol-lp .card h3{font-size:1.12rem;color:#fff;margin-bottom:5px}\n.farol-lp .card__res{font-size:.9rem;color:#93AEAD;line-height:1.45}\n\/* abre por grid-template-rows, n\u00e3o por max-height (28\/09\/2026): animar altura\n   refaz o layout a cada quadro e engasga no celular *\/.farol-lp .card__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease),opacity .3s;opacity:0}\n.farol-lp .card__more>.card__more-in{min-height:0;overflow:hidden}\n.farol-lp .card[aria-expanded=\"true\"] .card__more{grid-template-rows:1fr;opacity:1}\n\/* pesquisa #2: no desktop o texto aparece ao passar o mouse (o clique no + ainda\n   fixa aberto, para quem le devagar e para toque). *\/\n@media (hover:hover) and (pointer:fine){\n  .farol-lp .card:hover .card__more{grid-template-rows:1fr;opacity:1}}\n.farol-lp .card__more p{font-size:.9rem;color:#B6D2E6;line-height:1.55;padding-top:13px;margin-top:13px;\n  border-top:1px solid var(--dark-line)}\n.farol-lp .card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}\n.farol-lp .card__time{font-size:.8rem;color:#6F8A89;letter-spacing:.02em}\n.farol-lp .card__plus{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;\n  border:1.5px solid rgba(143,203,240,.32);color:var(--azul-luz);\n  transition:transform .35s var(--ease),background .25s,border-color .25s}\n.farol-lp .card:hover .card__plus{background:rgba(75,163,227,.14);border-color:var(--azul-luz)}\n.farol-lp .card[aria-expanded=\"true\"] .card__plus{transform:rotate(135deg)}\n.farol-lp .card__plus svg{width:14px;height:14px}\n.farol-lp .card--live{background:rgba(0,103,177,.14);border-color:rgba(75,163,227,.45)}\n.farol-lp .card--live .card__ico{background:var(--azul-farol);border-color:var(--azul-farol)}\n.farol-lp .card--live .card__ico svg{color:#fff}\n.farol-lp .card__flag{position:absolute;top:16px;right:16px;font-size:.6875rem;letter-spacing:.13em;\n  text-transform:uppercase;font-weight:600;padding:5px 10px;border-radius:var(--r-pill)}\n.farol-lp .jorn .card__flag--live{background:var(--azul-farol);color:#fff}\n.farol-lp .card__flag--soon{background:rgba(255,255,255,.07);color:#7E9897;border:1px solid var(--dark-line)}\n\n\/* ============================================================\n   6 \u00b7 FORMUL\u00c1RIO (pesquisa #5)\n   ============================================================ *\/.farol-lp .form-sec{background:var(--petroleo);color:#EAF3F2;position:relative;overflow:hidden}\n.farol-lp .form-sec .eyebrow{color:var(--azul-claro)}\n.farol-lp .form-sec .h2{color:#fff}\n.farol-lp .form-sec .lede{color:#B8CFCE}\n.farol-lp .form-sec__grid{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(32px,5vw,72px);align-items:center}@media (max-width:940px){.farol-lp .form-sec__grid{grid-template-columns:1fr}\n  .farol-lp .form-sec__aside .lede{display:none}}\n.farol-lp .form-sec__aside{max-width:34ch}\n.farol-lp .form-sec__aside h2{max-width:13ch}\n\/* o que falta preencher pisca uma vez, em vez de o botao parecer quebrado *\/.farol-lp .falta{animation:faltaPisca 1.1s ease 2;border-radius:12px}@keyframes faltaPisca{0%,100%{box-shadow:0 0 0 0 rgba(255,138,128,0)}\n  50%{box-shadow:0 0 0 3px rgba(255,138,128,.55)}}@media (prefers-reduced-motion:reduce){.farol-lp .falta{animation:none;box-shadow:0 0 0 3px rgba(255,138,128,.55)}}\n.farol-lp .fbox{background:rgba(255,255,255,.05);border-radius:var(--r-xl);padding:clamp(24px,3vw,38px);\n  border:1px solid rgba(143,203,240,.22);box-shadow:0 40px 80px -60px rgba(0,0,0,.5);position:relative}\n.farol-lp .fbox h3, .farol-lp .fbox__count{color:#EAF3F2}\n.farol-lp .flabel{color:#EAF3F2}\n.farol-lp .opt{background:rgba(255,255,255,.06);border-color:rgba(143,203,240,.18);color:#B8CFCE}\n.farol-lp .opt:hover{border-color:var(--azul-farol);color:#fff}\n.farol-lp .bar{background:rgba(255,255,255,.10)}\n.farol-lp .field input{background:rgba(255,255,255,.06);border-color:rgba(143,203,240,.12);color:#EAF3F2}\n.farol-lp .field input:focus{background:rgba(255,255,255,.10);border-color:var(--azul-farol);\n  box-shadow:0 0 0 4px rgba(0,103,177,.18)}\n.farol-lp .toggle{color:#B8CFCE}\n.farol-lp .toggle__track{background:rgba(255,255,255,.12)}\n.farol-lp .consent{color:#8FA9A8}\n.farol-lp .consent a{color:var(--azul-luz)}\n.farol-lp .btn--back{color:#8FA9A8}\n.farol-lp .btn--back:hover{color:var(--azul-luz)}\n.farol-lp .fsafe{color:#6B8B8A}\n.farol-lp .fnav .btn{min-width:160px}\n.farol-lp .fbox__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}\n.farol-lp .fbox__top h3{font-size:1.16rem}\n.farol-lp .fbox__count{font-size:.8rem;color:var(--tinta-3);font-weight:500;white-space:nowrap}\n.farol-lp .fbox__sub{font-size:.92rem;color:var(--tinta-2);margin-bottom:20px}\n.farol-lp .bar{height:4px;border-radius:99px;background:var(--areia-2);overflow:hidden;margin-bottom:26px}\n.farol-lp .bar i{display:block;height:100%;border-radius:99px;background:var(--azul-farol);\n  width:33.33%;transition:width .5s var(--ease)}\n\n.farol-lp .fstep{display:none}.farol-lp .fstep.is-active{display:block;animation:bubIn .38s var(--ease) both}\n.farol-lp .fgroup{margin-bottom:22px}\n.farol-lp .flabel{display:block;font-family:'Onest';font-weight:600;font-size:.95rem;margin-bottom:11px;letter-spacing:-.01em}\n.farol-lp .opts{display:flex;flex-wrap:wrap;gap:9px}\n.farol-lp .opt{min-height:46px;padding:11px 16px;border-radius:var(--r-pill);border:1.5px solid rgba(0,59,59,.15);\n  background:var(--branco);font-size:.93rem;color:var(--tinta-2);font-weight:500;\n  transition:all .18s var(--ease)}\n.farol-lp .opt:hover{border-color:var(--azul-farol);color:var(--azul-farol)}\n.farol-lp .opt[aria-pressed=\"true\"]{background:var(--azul-farol);border-color:var(--azul-farol);color:#fff}\n.farol-lp .opt:disabled{opacity:.42;cursor:not-allowed}\n\n.farol-lp .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:520px){.farol-lp .frow{grid-template-columns:1fr}}\n.farol-lp .field{position:relative;margin-bottom:14px}\n.farol-lp .field input{width:100%;min-height:52px;padding:22px 15px 8px;border-radius:var(--r-md);\n  background:var(--areia);border:1.5px solid transparent;font-size:.99rem;\n  \/* O campo e' CLARO (areia). A regra do bloco escuro (mais acima) pintava a\n     tinta em #EAF3F2 e so' o FUNDO era trocado aqui: dava texto branco em campo\n     branco, 1.03:1 (Bruno, 11\/09\/2026 \u2014 \"visibilidade horrivel\"). A tinta do\n     campo mora junto com o fundo do campo, nunca separada. *\/\n  color:#0F2E2E;\n  transition:border-color .2s,background .2s,box-shadow .2s}\n.farol-lp .field input::placeholder{color:#6B7D7C}\n.farol-lp .field label{position:absolute;left:15px;top:16px;font-size:.99rem;color:var(--tinta-3);\n  pointer-events:none;transition:all .18s var(--ease)}\n\n\/* CONTRASTE DO FORMULARIO \u2014 estas regras vinham ANTES das que pintam em tinta\n   escura, entao perdiam a disputa e o texto ficava escuro sobre o fundo escuro\n   do bloco: \"Duas perguntas rapidas sobre o seu negocio\" e os rotulos dos campos\n   sumiam (Bruno, 10\/09\/2026 \u2014 \"passou despercebido em sua analise\"). O lugar\n   certo delas e' DEPOIS. *\/\/* MEDIDO na tela, nao presumido: mesmo movidas para o fim, estas regras ainda\n   perdiam (1.13:1 no h3 e 1.85:1 nos rotulos). O `!important` aqui nao e'\n   preguica \u2014 e' a unica forma de vencer regras que vivem noutro bloco e que eu\n   nao posso reordenar sem quebrar outra coisa (10\/09\/2026). *\/.farol-lp .fbox .fbox__sub{color:#E3EEED!important}\n.farol-lp .fbox h3, .farol-lp .fbox .fbox__top h3{color:#EAF3F2!important}\n.farol-lp .fbox .fbox__count{color:#A9C4C3!important}\n\/* O rotulo e' `position:absolute` DENTRO do campo claro, entao ele nao vive\n   sobre o petroleo: pintado de claro, sumia dentro da areia. *\/.farol-lp .fbox .field label{color:#4B5D5C!important}\n.farol-lp .fbox .toggle, .farol-lp .fbox .toggle span, .farol-lp .fbox .toggle__txt{color:#E3EEED!important}\n.farol-lp .fbox .field input:focus + label, .farol-lp .fbox .field input:not(:placeholder-shown) + label{color:#0067B1!important}\n.farol-lp .fbox .flabel{color:#EAF3F2!important}\n.farol-lp .fbox .lgpd span{color:#E3EEED!important}\n.farol-lp .fbox .consent span{color:#E3EEED!important}\n\/* mesmo defeito de familia dos rotulos: tinta escura sobre o petroleo *\/.farol-lp .fbox .btn--back{color:#A9C4C3!important}\n.farol-lp .fbox .btn--back:hover{color:#EAF3F2!important}\n.farol-lp .fbox .lgpd a{color:#8FCBF0;text-decoration:underline}\n\n.farol-lp .field input:focus{outline:none;border-color:var(--azul-farol);background:var(--branco);\n  box-shadow:0 0 0 4px rgba(0,103,177,.11)}\n.farol-lp .field input:focus+label, .farol-lp .field input:not(:placeholder-shown)+label{\n  top:8px;font-size:.71rem;color:var(--azul-farol);letter-spacing:.04em;font-weight:600}\n\n.farol-lp .toggle{display:flex;align-items:center;gap:11px;font-size:.9rem;color:var(--tinta-2);\n  margin:2px 0 16px;cursor:pointer}\n.farol-lp .toggle input{position:absolute;opacity:0;pointer-events:none}\n.farol-lp .toggle__track{width:42px;height:24px;border-radius:99px;background:var(--areia-2);flex:none;\n  position:relative;transition:background .22s var(--ease)}\n.farol-lp .toggle__track::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;\n  border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:transform .22s var(--ease)}\n.farol-lp .toggle input:checked+.toggle__track{background:var(--azul-farol)}\n.farol-lp .toggle input:checked+.toggle__track::after{transform:translateX(18px)}\n\n.farol-lp .consent{display:flex;gap:11px;align-items:flex-start;font-size:.83rem;color:var(--tinta-2);\n  line-height:1.5;margin:6px 0 20px}\n.farol-lp .consent input{margin-top:2px;width:19px;height:19px;flex:none;accent-color:var(--azul-farol)}\n.farol-lp .consent a{color:var(--azul-farol);text-decoration:underline;text-underline-offset:2px}\n\n.farol-lp .fnav{display:flex;gap:12px;align-items:center}\n.farol-lp .btn--back{color:var(--tinta-2);min-height:54px;padding:0 12px;font-family:'Onest';font-weight:600;font-size:.97rem}\n.farol-lp .btn--back:hover{color:var(--azul-farol)}\n.farol-lp .fsafe{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:.8rem;color:#9FBDBC}\n.farol-lp .fsafe span{display:inline-flex;align-items:center;gap:7px}\n.farol-lp .fsafe svg{width:14px;height:14px;color:var(--sucesso)}\n\/* Entrada AMEI simulada: a nota de simulacao e' honesta e visivel, nao escondida. *\/.farol-lp .amei-login__marca{display:flex;align-items:center;gap:10px;margin-bottom:22px;\n  padding-bottom:16px;border-bottom:1px solid var(--dark-line);font-size:.9rem;color:#B8CFCE}\n.farol-lp .amei-login__logo{display:inline-flex;align-items:center;justify-content:center;height:30px;\n  padding:0 12px;border-radius:8px;background:var(--azul-farol);color:#fff;\n  font-family:'Onest';font-weight:700;letter-spacing:.04em;font-size:.9rem}\n.farol-lp .amei-login .field{margin-bottom:14px}\n.farol-lp .amei .fnav{margin-top:20px}\n.farol-lp .form-aviso{margin:16px 0 0;font-size:.9rem;line-height:1.45;color:#FFC2B4}\n\n\/* ============================================================\n   7 \u00b7 FAQ + ASSINATURA\n   ============================================================ *\/.farol-lp .faq{background:#EFEBE4}\n.farol-lp .faq__list{max-width:760px;margin:clamp(30px,4vw,44px) auto 0}\n.farol-lp .ac{border-bottom:1px solid rgba(0,59,59,.12)}\n.farol-lp .ac__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;\n  padding:22px 4px;text-align:left;font-family:'Onest';font-weight:600;color:var(--tinta);\n  font-size:clamp(1.02rem,1.5vw,1.14rem);letter-spacing:-.015em;transition:color .2s}\n.farol-lp .ac__btn:hover{color:var(--azul-farol)}\n.farol-lp .ac__ico{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;\n  border:1.5px solid rgba(0,59,59,.16);color:var(--azul-farol);transition:transform .35s var(--ease),background .25s}\n.farol-lp .ac__ico svg{width:14px;height:14px}\n.farol-lp .ac__btn[aria-expanded=\"true\"] .ac__ico{transform:rotate(135deg);background:var(--azul-fundo);border-color:var(--azul-farol)}\n.farol-lp .ac__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}\n.farol-lp .ac__panel>.ac__in{min-height:0;overflow:hidden}\n.farol-lp .ac__btn[aria-expanded=\"true\"]+.ac__panel{grid-template-rows:1fr}\n.farol-lp .ac__panel p{padding:0 4px 24px;color:var(--tinta-2);max-width:64ch;font-size:.99rem}\n\n.farol-lp .assina{background:var(--dark-700);color:#EAF3F2;padding-block:clamp(48px,6vw,76px)}\n.farol-lp .assina__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}\n.farol-lp .assina__l{display:flex;align-items:center;gap:18px;flex-wrap:wrap}\n.farol-lp .assina__txt{font-size:.93rem;color:#93AEAD;max-width:40ch}\n.farol-lp .assina__txt b{color:#fff;font-weight:600}\n.farol-lp .sebrae-mark{height:38px;width:auto;opacity:.95}<\/style>\n<!-- FAROL-DEMO-HEADER: r\u00e9plica s\u00f3 para demonstra\u00e7\u00e3o fora do WP do Sebrae.\n     REMOVER ESTE BLOCO ao publicar l\u00e1 \u2014 o header #82 do Theme Builder entra\n     sozinho no template elementor_header_footer. -->\n<header class=\"sbd\">\n  <div class=\"sbd-in sbd-um\">\n    <svg role=\"img\" aria-label=\"Sebrae Goi\u00e1s\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"110\" height=\"60\" viewBox=\"0 0 110 60\" fill=\"none\"><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.5605 60C52.9678 60 41.3754 60 29.7827 60C30.2089 57.8312 30.6386 55.6631 31.0718 53.4959C42.6645 53.4959 54.2569 53.4959 65.8496 53.4959C65.4301 55.6661 65.0004 57.8342 64.5605 60Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.1934 43.4417C44.7861 43.4417 56.3785 43.4417 67.9712 43.4417C67.5485 45.6022 67.1188 47.761 66.6821 49.9187C55.0894 49.9458 43.497 49.9547 31.9043 49.9458C32.3305 47.777 32.7602 45.6089 33.1934 43.4417Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.996\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M110 20.4607C110 20.5059 110 20.551 110 20.5962C109.742 21.7657 109.491 22.94 109.248 24.1192C106.205 24.1192 103.161 24.1192 100.117 24.1192C99.8398 25.4381 99.5621 26.757 99.2847 28.0759C102.14 28.0759 104.996 28.0759 107.852 28.0759C107.606 29.2892 107.346 30.4997 107.073 31.7073C104.208 31.7344 101.344 31.7434 98.479 31.7344C98.1946 33.0881 97.9172 34.4431 97.6465 35.7995C100.753 35.7995 103.859 35.7995 106.965 35.7995C106.705 37.035 106.437 38.268 106.16 39.4986C101.29 39.5168 96.42 39.5168 91.5503 39.4986C92.914 33.1558 94.2656 26.8099 95.6055 20.4607C100.404 20.4607 105.202 20.4607 110 20.4607Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.995\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M56.2085 20.4607C59.7446 20.4562 63.2803 20.4607 66.8164 20.4743C67.7725 20.4469 68.6947 20.6095 69.5825 20.9621C70.6968 21.5282 71.301 22.445 71.3953 23.7127C71.4648 27.1201 69.8489 29.1753 66.5479 29.8781C66.2543 29.9428 65.9589 29.997 65.6616 30.0407C65.6238 30.0507 65.5969 30.0732 65.5811 30.1084C66.1719 30.136 66.7536 30.2217 67.3267 30.3659C68.3402 30.6355 68.8907 31.2995 68.9783 32.3577C69.0057 32.6279 69.0191 32.8989 69.0186 33.1707C68.9581 34.49 68.891 35.8087 68.8171 37.1274C68.7916 37.8962 68.8005 38.664 68.844 39.4309C72.7045 33.1482 76.5582 26.8609 80.4053 20.5691C82.5806 20.542 84.7559 20.533 86.9312 20.542C88.0846 26.8673 89.2482 33.1908 90.4224 39.5122C88.4171 39.5211 86.4118 39.5122 84.4067 39.4851C84.23 38.2306 84.06 36.9751 83.8965 35.7182C81.3452 35.7092 78.7939 35.7182 76.2427 35.7453C75.5409 36.9943 74.8427 38.2453 74.1479 39.4986C70.4508 39.5122 66.7538 39.5168 63.0566 39.5122C63.0513 39.0149 63.0647 38.5179 63.0969 38.0217C63.2231 36.5767 63.344 35.1314 63.4595 33.6856C63.4748 33.307 63.3899 32.9547 63.2043 32.6287C63.0301 32.4165 62.8106 32.2764 62.5464 32.2087C62.3162 32.155 62.0837 32.1187 61.8481 32.1003C61.3916 32.0957 60.9351 32.0913 60.4785 32.0867C60.0115 32.087 59.5507 32.1049 59.0955 32.1409C58.5667 34.5973 58.043 37.0545 57.5244 39.5122C55.734 39.5211 53.9435 39.5122 52.1533 39.4851C53.5135 33.1453 54.8652 26.8039 56.2085 20.4607ZM60.8276 23.9837C61.8575 23.9736 62.8869 23.9871 63.916 24.0244C64.3022 24.0441 64.6782 24.1164 65.0439 24.2412C65.6619 24.5075 65.975 24.9817 65.9839 25.664C65.8566 27.5949 64.8361 28.5748 62.9224 28.6043C61.9019 28.6179 60.8813 28.6225 59.8608 28.6179C60.1831 27.0732 60.5054 25.5285 60.8276 23.9837ZM82.5806 24.2818C82.6074 24.2818 82.6343 24.2818 82.6611 24.2818C82.9082 26.9199 83.1588 29.5577 83.4131 32.1951C81.6943 32.1997 79.9756 32.1951 78.2568 32.1816C79.7159 29.5577 81.157 26.9245 82.5806 24.2818Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.996\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M38.0811 20.4065C41.626 20.402 45.1709 20.4065 48.7158 20.42C49.7511 20.4973 50.7002 20.8225 51.5625 21.3957C52.6934 22.28 53.1456 23.4408 52.9187 24.878C52.6622 26.4584 51.8611 27.6642 50.5151 28.4959C49.6708 28.9848 48.7754 29.3461 47.8296 29.5799C48.7827 29.7314 49.6509 30.0837 50.4346 30.6369C51.0434 31.1379 51.4059 31.784 51.5222 32.5745C51.6852 34.4027 51.1393 35.9745 49.884 37.29C48.6353 38.5387 47.1271 39.2298 45.3589 39.3631C44.752 39.4336 44.1434 39.4786 43.5327 39.4986C40.3726 39.5122 37.2128 39.5168 34.0527 39.5122C35.3818 33.1406 36.7246 26.7721 38.0811 20.4065ZM42.5391 23.8211C43.6313 23.8166 44.7232 23.8211 45.8154 23.8347C47.0167 23.9083 47.5583 24.5452 47.4402 25.7453C47.1297 27.355 46.1584 28.1184 44.5264 28.0352C43.5684 28.0577 42.6105 28.0534 41.6528 28.0217C41.9584 26.6236 42.2539 25.2234 42.5391 23.8211ZM40.9277 31.4634C41.9662 31.4588 43.0045 31.4634 44.043 31.477C46.0061 31.607 46.6192 32.5962 45.8826 34.4444C45.4695 35.2577 44.8116 35.7412 43.9087 35.8943C43.6866 35.9366 43.4629 35.9637 43.2373 35.9756C42.1542 35.9892 41.0709 35.9938 39.9878 35.9892C40.3044 34.4813 40.6178 32.9726 40.9277 31.4634Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.996\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.4575 20.4607C26.2557 20.4607 31.0538 20.4607 35.8521 20.4607C35.6055 21.6811 35.355 22.9006 35.1001 24.1192C32.0566 24.1192 29.0128 24.1192 25.9692 24.1192C25.6849 25.4366 25.4074 26.7555 25.1367 28.0759C27.9923 28.0759 30.8481 28.0759 33.7036 28.0759C33.4474 29.2962 33.1877 30.5157 32.9248 31.7344C30.0601 31.7255 27.1955 31.7344 24.3311 31.7615C24.0462 33.1041 23.7597 34.4455 23.4717 35.7859C26.5869 35.7905 29.7021 35.8041 32.8174 35.8266C32.5488 37.0461 32.2803 38.2656 32.0117 39.4851C27.142 39.5211 22.2721 39.5211 17.4023 39.4851C18.7609 33.145 20.1127 26.8036 21.4575 20.4607Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.994\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 35.42C0 35.0588 0 34.6973 0 34.336C0.0532482 33.9873 0.106959 33.635 0.161133 33.2791C1.92464 33.2791 3.68814 33.2791 5.45166 33.2791C5.05815 34.9656 5.71162 35.9005 7.41211 36.084C8.22105 36.1715 9.00883 36.0813 9.77539 35.813C10.7248 35.3932 11.2351 34.6572 11.3062 33.6043C11.2783 33.1097 11.0455 32.7528 10.6079 32.5339C10.4262 32.4455 10.2382 32.3734 10.0439 32.3171C8.42249 31.8878 6.80222 31.4542 5.18311 31.0163C2.20869 30.0672 1.26427 28.1116 2.34985 25.149C2.77447 24.1067 3.42348 23.235 4.29688 22.5339C5.61078 21.5057 7.09677 20.8688 8.75488 20.6233C10.1463 20.4203 11.5428 20.3796 12.9443 20.5013C13.7924 20.5713 14.6159 20.752 15.415 21.0434C17.3554 21.8375 18.1656 23.2873 17.8455 25.3929C17.8049 25.6839 17.7556 25.9729 17.6978 26.2602C15.9253 26.2602 14.1528 26.2602 12.3804 26.2602C12.4064 26.0699 12.4378 25.8802 12.4744 25.691C12.6052 24.6125 12.1442 23.9757 11.0913 23.7805C10.0755 23.61 9.15342 23.8268 8.3252 24.4309C7.74493 24.9226 7.4898 25.5504 7.55981 26.3144C7.63098 26.5941 7.77869 26.8244 8.00293 27.0054C8.18353 27.1417 8.38046 27.2501 8.59375 27.3306C10.0136 27.7317 11.4369 28.12 12.8638 28.4959C13.7459 28.7293 14.5874 29.0637 15.3882 29.4986C16.3881 30.1612 16.8894 31.1008 16.8921 32.3171C16.7666 34.9209 15.585 36.8539 13.3472 38.1165C11.6369 38.9973 9.81965 39.458 7.89551 39.4986C6.58644 39.5639 5.28843 39.4734 4.00146 39.2276C3.01684 39.0423 2.13059 38.6447 1.34277 38.0352C0.557353 37.3398 0.109762 36.468 0 35.42Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40.1489 10.0542C51.7416 10.0542 63.3341 10.0542 74.9268 10.0542C74.5108 12.216 74.0811 14.375 73.6377 16.5312C62.045 16.5583 50.4526 16.5673 38.8599 16.5583C39.2861 14.3895 39.7157 12.2215 40.1489 10.0542Z\" fill=\"#2A4FDA\"><\/path><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M42.2705 0C53.8632 0 65.4556 0 77.0483 0C76.6256 2.16032 76.1959 4.31932 75.7593 6.47696C64.1666 6.50407 52.5741 6.51309 40.9814 6.50407C41.4076 4.33534 41.8373 2.16733 42.2705 0Z\" fill=\"#2A4FDA\"><\/path><\/svg>\n    <div class=\"sbd-busca\">\n      <div class=\"sbd-campo\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"#2A4FDA\" stroke-width=\"2\"><circle cx=\"8.5\" cy=\"8.5\" r=\"6\"\/><path d=\"M13 13l5 5\"\/><\/svg>\n        O que o Sebrae pode me ajudar...\n      <\/div>\n      <div class=\"sbd-btbusca\">BUSCAR<\/div>\n    <\/div>\n    <div class=\"sbd-cursos\">Cursos Dispon\u00edveis<\/div>\n    <div class=\"sbd-entrar\">Entrar<\/div>\n  <\/div>\n  <div class=\"sbd-dois\">\n    <div class=\"sbd-in\">\n      <span class=\"seta\">Produtos<\/span><span class=\"seta\">Programas<\/span><span class=\"seta\">Tem\u00e1ticos<\/span>\n      <span>Biblioteca Digital<\/span><span>Fale com o Sebrae<\/span>\n    <\/div>\n  <\/div>\n<\/header>\n<!-- \/FAROL-DEMO-HEADER -->\n\n\n<!-- ============================================================\n     S\u00cdMBOLOS SVG\n     S\u00edmbolo Farol: variante branca oficial (viewBox 36 55 440 417).\n     ============================================================ -->\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n<defs>\n  <!-- VARIANTE PARA FUNDO ESCURO. O simbolo tem duas formas: uma clara e uma em\n       Azul Farol #0067B1. Sobre o hero, que e' azul-petroleo escuro, a segunda\n       forma SOME \u2014 sobra meio simbolo e a marca aparece como um \"F\" cortado.\n       Era este o erro da logo que o Bruno apontou varias rodadas seguidas\n       (10\/09\/2026). Aqui a segunda forma usa o Azul Luz #4BA3E3, que e' da\n       identidade e sobrevive ao fundo escuro. -->\n  <!-- LOGO OFICIAL, do arquivo id-visual\/Farol-IA-logo-horizontal-branca.svg.\n       O que estava aqui era o simbolo desenhado por mim + \"Farol.IA\" em Onest:\n       nem o icone nem a fonte eram os reais (Bruno, 11\/09\/2026). -->\n  <!-- ===================================================================\n       O CORTE DA LOGO, CAUSA REAL (15\/09\/2026). Nao era folga de viewBox.\n\n       `<use>` de um `<symbol>` cria um viewport NOVO, ancorado em (0,0) do\n       espaco do usuario \u2014 ele IGNORA a origem do viewBox do <svg> que o\n       contem. Com `<svg viewBox=\"0 90 ...\">` a janela mostrava y 90..910\n       enquanto o simbolo era desenhado em y 0..820: as 70 unidades de cima\n       da tinta ficavam de fora. Em 780 unidades de altura isso e' 9% \u2014 o\n       topo de TODA letra e do simbolo saia raspado, e num logo de 34px de\n       altura no celular da' 3px em cada haste. Foi isso que o Bruno viu e\n       chamou de \"degrau no F\"; e valia para o logo todo, nao so' para o F.\n\n       Medido com getBBox antes de corrigir: tinta em y 20..800, janela em\n       y 90..910. Depois: janela y 0..820, tinta y 20..800, cabe com 20 de\n       folga em cima e em baixo.\n\n       REGRA: `<svg>` que so' contem `<use>` de um `<symbol>` leva viewBox\n       com origem ZERO e o tamanho do simbolo. A origem quem define e' o\n       viewBox do proprio `<symbol>`.\n\n       (nota antiga, que descrevia o sintoma e nao a causa:)\n       viewBox com folga: o oficial e' \"0 110 4381.02 780\" e o topo do \"F\" fica\n       exatamente na borda, saindo cortado em tela (visto na lupa, 15\/09\/2026).\n       Vinte unidades acima e abaixo resolvem sem mexer no desenho. -->\n  <symbol id=\"farol-logo-branca\" viewBox=\"0 90 4381.02 820\"><g transform=\"translate(0,110) scale(1.87050) translate(-36,-55)\"><path fill=\"#ffffff\" d=\"M101 55h137c36 0 58 38 38 67-16 23-42 31-65 48-22 16-31 37-22 58 9 20 31 28 51 42 20 14 28 34 24 54-5 24-26 35-49 43-32 12-48 35-48 68v1c0 20-16 36-36 36h-30c-36 0-65-29-65-65V120c0-36 29-65 65-65Z\"><\/path><path fill=\"#0067B1\" d=\"M315 55h96c36 0 65 29 65 65v287c0 36-29 65-65 65H278c-23 0-39-23-31-45 8-23 25-35 48-47 28-15 45-36 45-63 0-29-17-49-45-66-24-15-44-26-44-49 0-25 21-40 49-56 29-17 43-37 43-64 0-15-12-27-28-27Z\"><\/path><\/g>\n<g transform=\"translate(943.02,832.5)\"><path fill=\"#ffffff\" d=\"M189 0L83 0L83-707L568-707L568-610L189-610L189-373L516-373L516-275L189-275L189 0ZM812 6L812 6Q776 6 742.50-3.50Q709-13 683-32.50Q657-52 641.50-81.50Q626-111 626-151L626-151Q626-199 644.50-230.50Q663-262 694-279.50Q725-297 765.50-304.50Q806-312 850-312L850-312L979-312Q979-351 967-380.50Q955-410 929.50-426.50Q904-443 862-443L862-443Q837-443 814.50-437.50Q792-432 776-420Q760-408 754-388L754-388L646-388Q652-426 673-453.50Q694-481 725-499Q756-517 791.50-525.50Q827-534 864-534L864-534Q978-534 1028.50-467.50Q1079-401 1079-285L1079-285L1079 0L990 0L986-67Q963-36 931.50-20Q900-4 869 1Q838 6 812 6ZM828-81L828-81Q873-81 907-96.50Q941-112 960-141.50Q979-171 979-211L979-211L979-233L885-233Q856-233 828.50-231.50Q801-230 778.50-223.50Q756-217 742.50-202Q729-187 729-159L729-159Q729-132 743-115Q757-98 780-89.50Q803-81 828-81ZM1286 0L1183 0L1183-527L1280-527L1285-451Q1305-482 1331-500Q1357-518 1388-526Q1419-534 1453-534L1453-534Q1462-534 1470-534Q1478-534 1485-534L1485-534L1485-435L1453-435Q1396-435 1358.50-412Q1321-389 1303.50-348Q1286-307 1286-254L1286-254L1286 0ZM1778 6L1778 6Q1696 6 1639-27.50Q1582-61 1552.50-122Q1523-183 1523-263L1523-263Q1523-344 1553-404.50Q1583-465 1640-499.50Q1697-534 1779-534L1779-534Q1861-534 1918-499.50Q1975-465 2004-404Q2033-343 2033-262L2033-262Q2033-183 2003.50-122Q1974-61 1917.50-27.50Q1861 6 1778 6ZM1778-86L1778-86Q1832-86 1865.50-110Q1899-134 1915-174.50Q1931-215 1931-263L1931-263Q1931-311 1915-351Q1899-391 1865.50-415.50Q1832-440 1778-440L1778-440Q1725-440 1691-415.50Q1657-391 1641.50-351Q1626-311 1626-263L1626-263Q1626-214 1641.50-174Q1657-134 1691-110Q1725-86 1778-86ZM2222 0L2119 0L2119-707L2222-707L2222 0Z\"><\/path><path fill=\"#0067B1\" d=\"M2398 10L2398 10Q2368 10 2348.50-9Q2329-28 2329-59L2329-59Q2329-90 2349-109.50Q2369-129 2398-129L2398-129Q2427-129 2446.50-109.50Q2466-90 2466-59L2466-59Q2466-28 2446.50-9Q2427 10 2398 10ZM2698 0L2592 0L2592-707L2698-707L2698 0ZM2882 0L2768 0L3035-707L3172-707L3438 0L3324 0L3272-142L2934-142L2882 0ZM3103-606L2969-237L3237-237L3103-606Z\"><\/path><\/g><\/symbol>\n  <symbol id=\"farol-mark-claro\" viewBox=\"32 51 448 425\">\n    <path fill=\"#ffffff\" d=\"M101 55h137c36 0 58 38 38 67-16 23-42 31-65 48-22 16-31 37-22 58 9 20 31 28 51 42 20 14 28 34 24 54-5 24-26 35-49 43-32 12-48 35-48 68v1c0 20-16 36-36 36h-30c-36 0-65-29-65-65V120c0-36 29-65 65-65Z\"\/>\n    <path fill=\"#4BA3E3\" d=\"M315 55h96c36 0 65 29 65 65v287c0 36-29 65-65 65H278c-23 0-39-23-31-45 8-23 25-35 48-47 28-15 45-36 45-63 0-29-17-49-45-66-24-15-44-26-44-49 0-25 21-40 49-56 29-17 43-37 43-64 0-15-12-27-28-27Z\"\/>\n  <\/symbol>\n  <symbol id=\"farol-mark\" viewBox=\"36 55 440 417\" preserveAspectRatio=\"xMidYMid meet\">\n    <path fill=\"#ffffff\" d=\"M101 55h137c36 0 58 38 38 67-16 23-42 31-65 48-22 16-31 37-22 58 9 20 31 28 51 42 20 14 28 34 24 54-5 24-26 35-49 43-32 12-48 35-48 68v1c0 20-16 36-36 36h-30c-36 0-65-29-65-65V120c0-36 29-65 65-65Z\">\n    <path fill=\"#0067B1\" d=\"M315 55h96c36 0 65 29 65 65v287c0 36-29 65-65 65H278c-23 0-39-23-31-45 8-23 25-35 48-47 28-15 45-36 45-63 0-29-17-49-45-66-24-15-44-26-44-49 0-25 21-40 49-56 29-17 43-37 43-64 0-15-12-27-28-27Z\">\n  <\/symbol>\n  <symbol id=\"i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol>\n  <symbol id=\"i-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/symbol>\n  <symbol id=\"i-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/symbol>\n  <symbol id=\"i-shield\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"\/><\/symbol>\n  <symbol id=\"i-clock\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/symbol>\n  <symbol id=\"i-phone\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2.5\"\/><path d=\"M11 18.5h2\"\/><\/symbol>\n  <symbol id=\"i-pause\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5v14M15 5v14\"\/><\/symbol>\n  <!-- \u00edcones das jornadas: base geom\u00e9trica \u00fanica, tra\u00e7o 1.8 -->\n  <symbol id=\"j-plano\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5.5 9.5 3.5 14.5 5.5 20 3.5v15L14.5 20.5 9.5 18.5 4 20.5v-15Z\"\/><path d=\"M9.5 3.5v15M14.5 5.5v15\"\/><\/symbol>\n  <symbol id=\"j-gestao\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6h16M4 12h10M4 18h13\"\/><circle cx=\"18.5\" cy=\"12\" r=\"1.6\"\/><\/symbol>\n  <symbol id=\"j-caixa\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17.5 9 11l4 4 8-8.5\"\/><path d=\"M15.5 6.5H21v5.5\"\/><\/symbol>\n  <symbol id=\"j-mercado\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M12 3.5c-3 3-3 14 0 17M12 3.5c3 3 3 14 0 17M3.7 9h16.6M3.7 15h16.6\"\/><\/symbol>\n  <symbol id=\"j-proposta\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h8l4.5 4.5V21H6V3Z\"\/><path d=\"M14 3v5h4.5M9.5 13h5M9.5 17h3\"\/><\/symbol>\n  <symbol id=\"s-conversa\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 14.5c0 1.4-1.1 2.5-2.5 2.5H9l-4.5 3.5V6.5C4.5 5.1 5.6 4 7 4h10.5C18.9 4 20 5.1 20 6.5v8Z\"\/><\/symbol>\n  <symbol id=\"s-ritmo\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h3.5l2-5.5 3.5 11 3-8 2 2.5H21\"\/><\/symbol>\n  <symbol id=\"s-doc\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h8l4.5 4.5V21H6V3Z\"\/><path d=\"M14 3v5h4.5\"\/><path d=\"M9.5 13.5h5M9.5 17h5\"\/><\/symbol>\n<\/defs>\n<\/svg>\n\n\n<!-- ============================================================\n     1 \u00b7 HERO\n     ============================================================ -->\n<header class=\"hero\" id=\"topo\">\n\n  <!-- FOTO: quando n\u00e3o houver arquivo, o campo escuro puro j\u00e1 \u00e9 a arte.\n       Trocar o src por \/img\/hero-<oficio>-desktop.webp -->\n  <div class=\"hero__palco\" id=\"palco\" aria-hidden=\"true\"><canvas id=\"cv\"><\/canvas><canvas id=\"malha\"><\/canvas><\/div>\n  <div class=\"hero__photo\" id=\"heroPhoto\"><\/div>\n\n  <div class=\"hero__vig\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"wrap\">\n    <div class=\"hero__copy\">\n\n      <div class=\"brandline\" data-reveal>\n        <svg viewBox=\"0 0 4381.02 820\" class=\"brandline__logo\" role=\"img\" aria-label=\"Farol.IA\"><use href=\"#farol-logo-branca\"\/><\/svg>\n      <\/div>\n\n      <h1 data-reveal data-reveal-d=\"1\">\n        Tem mais no seu neg\u00f3cio<br>\n        do que voc\u00ea enxerga hoje.\n        <span class=\"l3\" id=\"l3\"><span>N\u00f3s vamos revelar.<\/span><\/span>\n      <\/h1>\n\n      <p class=\"hero__sub\" data-reveal data-reveal-d=\"2\">\n        O Farol conversa com voc\u00ea e o documento sai pronto. Do plano de neg\u00f3cios\n        ao or\u00e7amento que voc\u00ea manda pro seu cliente. Pra clarear as ideias.\n      <\/p>\n\n      <div class=\"hero__claim\" data-reveal data-reveal-d=\"2\">\n        <span class=\"dot\" aria-hidden=\"true\"><\/span>\n        <span>O documento nasce <b>na tela, enquanto voc\u00ea conversa<\/b><\/span>\n      <\/div>\n\n      <div class=\"hero__cta\" data-reveal data-reveal-d=\"3\">\n        <a class=\"btn btn--primary\" href=\"#comecar\">Come\u00e7ar agora\n          <svg class=\"btn__ico\" aria-hidden=\"true\"><use href=\"#i-arrow\"\/><\/svg><\/a>\n        <a class=\"btn btn--ghost\" href=\"#demo\">Ver funcionando<\/a>\n      <\/div>\n\n      <!--\n        PROVA SOCIAL AGREGADA \u2014 LGPD-safe (sem nome, sem hor\u00e1rio preciso)\n        Ligar em GET \/api\/stats -> { total:Number, cidades:[String,String,String] }\n        S\u00f3 conta jornadas CONCLU\u00cdDAS com PDF gerado. Cache 5 min.\n        REGRA NO C\u00d3DIGO: se total < 50, este bloco n\u00e3o renderiza e cai no .proof-alt\n      -->\n      <div class=\"proof\" id=\"proof\" hidden data-reveal data-reveal-d=\"4\">\n        <span class=\"proof__n\" id=\"proofN\">\u2014<\/span>\n        <span>planos j\u00e1 revelados<span id=\"proofC\"><\/span><\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/header>\n\n\n<!-- ============================================================\n     2 \u00b7 SANDBOX \u2014 demonstra\u00e7\u00e3o roteirizada (n\u00e3o \u00e9 o produto)\n     ============================================================ -->\n<section class=\"sandbox\" id=\"demo\">\n  <div class=\"wrap\">\n\n    <!-- Titulo e subtitulo ficavam EMPILHADOS numa coluna de 560px, comendo\n         altura e deixando metade da largura vazia a direita (Bruno, 10\/09\/2026).\n         Agora o titulo ocupa a esquerda e o subtitulo a direita, na mesma\n         linha de base: mesma informacao, metade da altura, sem vazio. -->\n    <div class=\"sandbox__head\">\n      <div class=\"sandbox__head-l\">\n        <span class=\"eyebrow\" data-reveal>Veja acontecendo<\/span>\n        <h2 class=\"h2\" data-reveal data-reveal-d=\"1\">\n          O documento nasce <em>enquanto voc\u00ea conversa.<\/em>\n        <\/h2>\n      <\/div>\n      <p class=\"lede sandbox__head-r\" data-reveal data-reveal-d=\"2\">\n        Toque numa resposta abaixo e acompanhe: a cada coisa que voc\u00ea conta,\n        um peda\u00e7o do seu documento aparece do lado. Aqui \u00e9 uma demonstra\u00e7\u00e3o:\n        na jornada real, \u00e9 o seu neg\u00f3cio.\n      <\/p>\n    <\/div>\n\n    <div class=\"panel shine\" data-reveal data-reveal-d=\"3\">\n      <div class=\"panel__bar\">\n        <span class=\"panel__id\">\n          <svg aria-hidden=\"true\"><use href=\"#j-plano\"\/><\/svg>\n          Farol Plano\n        <\/span>\n        <span class=\"badge-demo\">Demonstra\u00e7\u00e3o<\/span>\n      <\/div>\n\n      <div class=\"panel__body\">\n        <div class=\"conv\">\n          <span class=\"conv__label\">A conversa<\/span>\n          <div class=\"conv__scroll\" id=\"conv\" aria-live=\"polite\"><\/div>\n          <div class=\"chips\" id=\"chips\"><\/div>\n          <div class=\"conv__end\" id=\"convEnd\" hidden>\n            <p>Isso levou <b>um minuto<\/b>. A jornada completa leva 20.<\/p>\n            <a class=\"btn btn--primary\" href=\"#comecar\" style=\"min-height:48px;font-size:.95rem\">\n              Fazer o meu <svg class=\"btn__ico\" aria-hidden=\"true\"><use href=\"#i-arrow\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"doc\">\n          <span class=\"doc__label\">O que nasce \u00b7 Farol Plano<\/span>\n          <ul class=\"doc__list\" id=\"doc\">\n            <li class=\"doc__item\" data-doc=\"0\"><h3>O neg\u00f3cio numa p\u00e1gina<\/h3><p>o que \u00e9, pra quem \u00e9, como ganha dinheiro<\/p><\/li>\n            <li class=\"doc__item\" data-doc=\"1\"><h3>Quem \u00e9 seu cliente<\/h3><p>quem compra, por que compra, onde encontra<\/p><\/li>\n            <li class=\"doc__item\" data-doc=\"2\"><h3>For\u00e7as e riscos<\/h3><p>o que te protege e o que pode te derrubar<\/p><\/li>\n            <li class=\"doc__item\" data-doc=\"3\"><h3>Proje\u00e7\u00e3o financeira<\/h3><p>se voc\u00ea quiser fazer as contas: quanto entra, quanto sai, quanto sobra<\/p><\/li>\n            <li class=\"doc__item\" data-doc=\"4\"><h3>Metas com prazo<\/h3><p>o que fazer nos pr\u00f3ximos 12 meses<\/p><\/li>\n          <\/ul>\n          <p class=\"doc__foot\" id=\"docFoot\" hidden><span class=\"pulse\"><\/span><span id=\"docFootTxt\"><\/span><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<svg class=\"ponte curve-divider\" viewBox=\"0 0 1440 130\" preserveAspectRatio=\"none\" aria-hidden=\"true\" style=\"background:#002524\">\n  <path d=\"M0 130V88C520 130 900 44 1440 62v68Z\" fill=\"#F4F2EE\"\/>\n  <path d=\"M0 58C520 100 900 14 1440 32\" fill=\"none\" stroke=\"rgba(75,163,227,.35)\" stroke-width=\"2.5\" vector-effect=\"non-scaling-stroke\"\/>\n<\/svg>\n\n\n<!-- ============================================================\n     3 \u00b7 TENS\u00c3O\n     ============================================================ -->\n<section class=\"sec tensao\">\n  <canvas class=\"tensao__net\" id=\"net1\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"wrap\">\n    <div class=\"tensao__grid\">\n      <div class=\"tensao__lado\">\n        <span class=\"eyebrow\" data-reveal>Voc\u00ea reconhece isso?<\/span>\n        <!-- A coluna da esquerda tinha SO a eyebrow de 12px: um vazio de quase\n             400px de altura ao lado de tres frases grandes (Bruno, 10\/09\/2026:\n             \"um espa\u00e7o vazio enorme \u00e0 esquerda\"). O fecho, que estava perdido\n             embaixo da lista, e' o que fecha o raciocinio \u2014 e' o lugar dele. -->\n        <p class=\"tensao__diag\" data-reveal data-reveal-d=\"1\">\n          Nada disso \u00e9 falta de capacidade.\n        <\/p>\n        <p class=\"tensao__diag2\" data-reveal data-reveal-d=\"2\">\n          \u00c9 que ningu\u00e9m nunca sentou do seu lado pra fazer as perguntas certas.\n        <\/p>\n      <\/div>\n      <ul class=\"tensao__list\">\n        <li data-reveal data-reveal-d=\"1\">Sabe que precisa de um plano, mas <span>n\u00e3o sabe por onde come\u00e7ar.<\/span><\/li>\n        <li data-reveal data-reveal-d=\"2\">J\u00e1 tentou planilha, curso, modelo pronto, e <span>parou no meio.<\/span><\/li>\n        <li data-reveal data-reveal-d=\"3\">Tem o neg\u00f3cio inteiro na cabe\u00e7a, <span>mas n\u00e3o no papel.<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- faixa de respiro: a foto sai do formul\u00e1rio (onde competia com a\n     decis\u00e3o) e vira pausa entre a tens\u00e3o e o m\u00e9todo. Sem bot\u00e3o, sem card. -->\n<!-- Era uma foto crua com uma frase por cima, e a frase nao dizia nada que se\n     pudesse conferir (\"Tem alguem em Goias fazendo isso agora\") \u2014 Bruno,\n     10\/09\/2026: \"esta rustico, texto que nao faz sentido e foto crua\".\n     Agora a faixa AFIRMA o que e' verdade e verificavel, e a foto tem\n     tratamento em vez de ser um recorte colado. -->\n<!-- data-full-bleed: a faixa ocupa a largura inteira da tela numa altura\n     fixa, entao a foto e' cortada pelas bordas de proposito. Conferido na tela\n     em 15\/09\/2026: rosto e avental inteiros. O auditor respeita esta marca e\n     continua estrito em qualquer outra imagem. -->\n<section class=\"faixa\" data-full-bleed aria-label=\"O Farol \u00e9 do Sebrae Goi\u00e1s\">\n  <img src=\"https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/09-ceramica-desktop-16x9.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n  <div class=\"faixa__v\u00e9u\" aria-hidden=\"true\"><\/div>\n  <div class=\"faixa__cx\">\n    <p class=\"faixa__txt\" data-reveal>Feito pelo Sebrae Goi\u00e1s, para quem empreende em Goi\u00e1s.<\/p>\n    <ul class=\"faixa__selos\" data-reveal data-reveal-d=\"1\">\n      <li>Gratuito<\/li>\n      <li>Sem instalar nada<\/li>\n      <li>Voc\u00ea sai com o documento em PDF<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     4 \u00b7 COMO FUNCIONA \u2014 funil que abre (feixe)\n     ============================================================ -->\n<section class=\"sec como\">\n  <div class=\"wrap\">\n    <div style=\"text-align:center;max-width:640px;margin-inline:auto\">\n      <span class=\"eyebrow\" data-reveal>Como funciona<\/span>\n      <h2 class=\"h2\" data-reveal data-reveal-d=\"1\">Tr\u00eas conversas.<br>Um documento pronto.<\/h2>\n    <\/div>\n\n    <div class=\"funil\">\n      <article class=\"step\" data-reveal data-reveal-d=\"1\">\n        <span class=\"step__n\">01<\/span>\n        <div>\n          <svg class=\"step__ico\" aria-hidden=\"true\"><use href=\"#s-conversa\"\/><\/svg>\n          <h3 class=\"h3\">Conte sobre voc\u00ea<\/h3>\n          <p>Tr\u00eas perguntas r\u00e1pidas pra entender onde o seu neg\u00f3cio est\u00e1 hoje. Sem formul\u00e1rio gigante, sem termo t\u00e9cnico.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"step\" data-reveal data-reveal-d=\"2\">\n        <span class=\"step__n\">02<\/span>\n        <div>\n          <svg class=\"step__ico\" aria-hidden=\"true\"><use href=\"#i-pause\"\/><\/svg>\n          <h3 class=\"h3\">Responda no seu ritmo<\/h3>\n          <p>Uma pergunta por vez, na sua linguagem. Pode parar no meio e voltar depois, no mesmo aparelho: o Farol lembra onde voc\u00ea estava.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"step\" data-reveal data-reveal-d=\"3\">\n        <span class=\"step__n\">03<\/span>\n        <div>\n          <svg class=\"step__ico\" aria-hidden=\"true\"><use href=\"#s-doc\"\/><\/svg>\n          <h3 class=\"h3\">Receba o documento<\/h3>\n          <p>Ele fica pronto na tela e voc\u00ea baixa em PDF pra usar, imprimir ou mandar pra quem precisar ver.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"como__chips\">\n      <span class=\"tag\" data-reveal><svg aria-hidden=\"true\"><use href=\"#i-clock\"\/><\/svg>Entre 15 e 25 minutos<\/span>\n      <span class=\"tag\" data-reveal data-reveal-d=\"1\"><svg aria-hidden=\"true\"><use href=\"#i-phone\"\/><\/svg>Funciona no celular<\/span>\n      <span class=\"tag\" data-reveal data-reveal-d=\"2\"><svg aria-hidden=\"true\"><use href=\"#i-pause\"\/><\/svg>Pode pausar e continuar<\/span>\n      <span class=\"tag\" data-reveal data-reveal-d=\"3\"><svg aria-hidden=\"true\"><use href=\"#i-shield\"\/><\/svg>Gratuito, do Sebrae Goi\u00e1s<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<svg class=\"ponte curve-divider\" viewBox=\"0 0 1440 130\" preserveAspectRatio=\"none\" aria-hidden=\"true\" style=\"background:#EFEBE4\">\n  <path d=\"M0 130V34C480 96 980 8 1440 48v82Z\" fill=\"#00243F\"\/>\n  <path d=\"M0 70C480 132 980 44 1440 84\" fill=\"none\" stroke=\"rgba(75,163,227,.35)\" stroke-width=\"2.5\" vector-effect=\"non-scaling-stroke\"\/>\n<\/svg>\n\n\n<!-- ============================================================\n     5 \u00b7 AS 5 JORNADAS\n     ============================================================ -->\n<section class=\"sec jorn\" id=\"jornadas\">\n  <!-- pesquisa #12: a \"lampada\" da referencia virou o facho de um farol sobre os 5 bots -->\n  <div class=\"jorn__lamp\" aria-hidden=\"true\"><\/div>\n  <div class=\"wrap\">\n    <div class=\"jorn__head\">\n      <div>\n        <span class=\"eyebrow\" data-reveal>O sistema<\/span>\n        <h2 class=\"h2\" data-reveal data-reveal-d=\"1\">Cinco especialistas,<br>uma orienta\u00e7\u00e3o.<\/h2>\n      <\/div>\n      <p class=\"lede\" style=\"max-width:34ch\" data-reveal data-reveal-d=\"2\">\n        Comece pela que resolve a sua dor de hoje. As outras ficam aqui, esperando.\n      <\/p>\n    <\/div>\n\n    <div class=\"jorn__grid\" id=\"jornGrid\">\n\n      <button class=\"card card--live shine\" aria-expanded=\"false\" data-reveal>\n        <span class=\"card__flag card__flag--live\">Dispon\u00edvel<\/span>\n        <span class=\"card__ico\"><svg aria-hidden=\"true\"><use href=\"#j-plano\"\/><\/svg><\/span>\n        <h3>Farol Plano<\/h3>\n        <p class=\"card__res\">Seu plano de neg\u00f3cios completo<\/p>\n        <div class=\"card__more\"><div class=\"card__more-in\"><p>O plano escrito, com quem \u00e9 seu cliente, seus riscos, as metas do ano e, se voc\u00ea quiser, as contas do neg\u00f3cio. \u00c9 o documento que o banco, o s\u00f3cio e o Sebrae pedem.<\/p><\/div><\/div>\n        <span class=\"card__foot\">\n          <span class=\"card__time\">20\u201325 min<\/span>\n          <span class=\"card__plus\"><svg aria-hidden=\"true\"><use href=\"#i-plus\"\/><\/svg><\/span>\n        <\/span>\n      <\/button>\n\n      <button class=\"card\" aria-expanded=\"false\" data-reveal data-reveal-d=\"1\">\n        <span class=\"card__flag card__flag--soon\">Em breve<\/span>\n        <span class=\"card__ico\"><svg aria-hidden=\"true\"><use href=\"#j-gestao\"\/><\/svg><\/span>\n        <h3>Farol Rotina<\/h3>\n        <p class=\"card__res\">A rotina do dia a dia organizada<\/p>\n        <div class=\"card__more\"><div class=\"card__more-in\"><p>O manual de como o seu neg\u00f3cio funciona: quem faz o qu\u00ea, em que ordem, e o que n\u00e3o pode falhar. Pra voc\u00ea parar de ser a \u00fanica pessoa que sabe.<\/p><\/div><\/div>\n        <span class=\"card__foot\">\n          <span class=\"card__time\">15\u201320 min<\/span>\n          <span class=\"card__plus\"><svg aria-hidden=\"true\"><use href=\"#i-plus\"\/><\/svg><\/span>\n        <\/span>\n      <\/button>\n\n      <button class=\"card\" aria-expanded=\"false\" data-reveal data-reveal-d=\"2\">\n        <span class=\"card__flag card__flag--soon\">Em breve<\/span>\n        <span class=\"card__ico\"><svg aria-hidden=\"true\"><use href=\"#j-caixa\"\/><\/svg><\/span>\n        <h3>Farol Lucro<\/h3>\n        <p class=\"card__res\">Onde est\u00e1 o lucro do seu neg\u00f3cio<\/p>\n        <div class=\"card__more\"><div class=\"card__more-in\"><p>Descubra se o pre\u00e7o do seu produto faz sentido, quanto custa de verdade cada venda e quanto sobra no fim do m\u00eas.<\/p><\/div><\/div>\n        <span class=\"card__foot\">\n          <span class=\"card__time\">15\u201320 min<\/span>\n          <span class=\"card__plus\"><svg aria-hidden=\"true\"><use href=\"#i-plus\"\/><\/svg><\/span>\n        <\/span>\n      <\/button>\n\n      <button class=\"card\" aria-expanded=\"false\" data-reveal data-reveal-d=\"3\">\n        <span class=\"card__flag card__flag--soon\">Em breve<\/span>\n        <span class=\"card__ico\"><svg aria-hidden=\"true\"><use href=\"#j-mercado\"\/><\/svg><\/span>\n        <h3>Farol Mercado<\/h3>\n        <p class=\"card__res\">Como fazer o cliente te encontrar<\/p>\n        <div class=\"card__more\"><div class=\"card__more-in\"><p>Quem \u00e9 o seu p\u00fablico de verdade, onde ele est\u00e1 e o que dizer pra ele. Marketing em linguagem de gente, com o que d\u00e1 pra fazer essa semana.<\/p><\/div><\/div>\n        <span class=\"card__foot\">\n          <span class=\"card__time\">15\u201320 min<\/span>\n          <span class=\"card__plus\"><svg aria-hidden=\"true\"><use href=\"#i-plus\"\/><\/svg><\/span>\n        <\/span>\n      <\/button>\n\n      <button class=\"card\" aria-expanded=\"false\" data-reveal data-reveal-d=\"4\">\n        <span class=\"card__flag card__flag--soon\">Em breve<\/span>\n        <span class=\"card__ico\"><svg aria-hidden=\"true\"><use href=\"#j-proposta\"\/><\/svg><\/span>\n        <h3>Farol Proposta<\/h3>\n        <p class=\"card__res\">Do or\u00e7amento ao documento pronto<\/p>\n        <div class=\"card__more\"><div class=\"card__more-in\"><p>Aquela proposta que voc\u00ea manda pro cliente, escrita direito, com o que est\u00e1 inclu\u00eddo, prazo e valor. Sai pronta pra enviar.<\/p><\/div><\/div>\n        <span class=\"card__foot\">\n          <span class=\"card__time\">10\u201315 min<\/span>\n          <span class=\"card__plus\"><svg aria-hidden=\"true\"><use href=\"#i-plus\"\/><\/svg><\/span>\n        <\/span>\n      <\/button>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<svg class=\"ponte curve-divider\" viewBox=\"0 0 1440 130\" preserveAspectRatio=\"none\" aria-hidden=\"true\" style=\"background:#00243F\">\n  <path d=\"M0 130V96C400 40 1000 116 1440 66v64Z\" fill=\"#003B3B\"\/>\n  <path d=\"M0 66C400 10 1000 86 1440 36\" fill=\"none\" stroke=\"rgba(75,163,227,.25)\" stroke-width=\"2.5\" vector-effect=\"non-scaling-stroke\"\/>\n<\/svg>\n\n\n<!-- ============================================================\n     6 \u00b7 ENTRADA \u2014 login AMEI (simulado, o formul\u00e1rio de 3 etapas foi guardado\n         em _form-3etapas-backup.html; ver a IIFE \"ENTRADA \u2014 login AMEI\")\n     ============================================================ -->\n<section class=\"sec form-sec\" id=\"comecar\">\n  <canvas class=\"tensao__net\" id=\"net2\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"wrap\">\n    <div class=\"form-sec__grid\">\n\n      <div class=\"form-sec__aside\">\n        <span class=\"eyebrow\" data-reveal>Vamos come\u00e7ar<\/span>\n        <h2 class=\"h2\" data-reveal data-reveal-d=\"1\">Leva menos de um minuto.<\/h2>\n        <p class=\"lede\" style=\"margin-top:20px\" data-reveal data-reveal-d=\"2\">\n          Depois disso, a conversa come\u00e7a e o seu documento come\u00e7a a nascer.\n        <\/p>\n\n        <!-- Segundo registro fotogr\u00e1fico. Trocar src por \/img\/form-<oficio>.webp -->\n      <\/div>\n\n      <div class=\"fbox shine amei\" id=\"foco\" data-reveal data-reveal-d=\"2\">\n\n        <!-- entrada: login unico AMEI -->\n        <div class=\"fstep is-active\" data-astep=\"login\">\n          <div class=\"fbox__top\"><h3 class=\"h3\">Entre para come\u00e7ar<\/h3><\/div>\n          <p class=\"fbox__sub\">O Farol usa o AMEI, o login \u00fanico do Sebrae. Voc\u00ea entra uma vez e o Farol te reconhece nos cinco.<\/p>\n          <div class=\"fnav\"><button type=\"button\" class=\"btn btn--primary btn--full\" id=\"ameiEntrar\">Entrar com AMEI<\/button><\/div>\n          <div class=\"fsafe\">\n            <span><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Login \u00fanico do Sebrae<\/span>\n            <span><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Seus dados s\u00e3o protegidos<\/span>\n            <span><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Gratuito, do Sebrae Goi\u00e1s<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- login AMEI simulado: parece a tela do login unico do Sebrae. Qualquer\n             entrada (ou nenhuma) aprova e vai pra interna. SEGURANCA: nada digitado\n             aqui, inclusive a senha, e' lido, gravado ou enviado; os campos nao tem\n             `name`, nao ha `form`, e o handler de #ameiComecar ignora os valores e\n             so' chama \/acesso\/emitir SEM dado nenhum. Quando o AMEI real ligar, este\n             passo some (ver AMEI.ativo e irParaAmeiReal, no JS abaixo). -->\n        <div class=\"fstep amei-login\" data-astep=\"sim\">\n          <div class=\"amei-login__marca\">\n            <span class=\"amei-login__logo\" aria-hidden=\"true\">AMEI<\/span>\n            <span>Login \u00fanico do Sebrae<\/span>\n            <span class=\"badge-demo\" style=\"margin-left:auto\">Demonstra\u00e7\u00e3o<\/span>\n          <\/div>\n          <p class=\"fbox__sub\">Simula\u00e7\u00e3o do login do Sebrae: qualquer dado entra, e nada do que voc\u00ea digitar aqui \u00e9 lido ou guardado.<\/p>\n          <div class=\"field\">\n            <input id=\"a-user\" type=\"text\" placeholder=\" \" autocomplete=\"off\" autocapitalize=\"off\" spellcheck=\"false\">\n            <label for=\"a-user\">CPF ou e-mail<\/label>\n          <\/div>\n          <div class=\"field\">\n            <input id=\"a-pass\" type=\"password\" placeholder=\" \" autocomplete=\"off\">\n            <label for=\"a-pass\">Senha<\/label>\n          <\/div>\n          <div class=\"fnav\">\n            <button type=\"button\" class=\"btn--back\" data-aback>Voltar<\/button>\n            <button type=\"button\" class=\"btn btn--primary\" style=\"flex:1\" id=\"ameiComecar\">Entrar<\/button>\n          <\/div>\n        <\/div>\n\n        <!-- O NOME, SO' ENQUANTO O AMEI FOR SIMULADO (16\/09\/2026, decisao do\n             Bruno). Com o AMEI de verdade o nome vem no retorno do Keycloak e o\n             bot ja' abre chamando a pessoa pelo nome; este passo some junto com\n             a simulacao. Sem ele, quem entra pela LP chegava sem nome nenhum e\n             o documento saia sem nome de pessoa nem de empresa (medido).\n             Fica MARCADO como demonstracao para ninguem confundir com o login\n             do Sebrae, que nunca pediria isto. -->\n        <div class=\"fstep\" data-astep=\"nome\">\n          <div class=\"fbox__top\"><h3 class=\"h3\">Como podemos te chamar?<\/h3>\n            <span class=\"badge-demo\">Demonstra\u00e7\u00e3o<\/span><\/div>\n          <p class=\"fbox__sub\">Com o login do Sebrae ligado, o Farol j\u00e1 saber\u00e1 seu nome. Enquanto isso, \u00e9 voc\u00ea quem diz.<\/p>\n          <div class=\"field\">\n            <input id=\"a-nome\" type=\"text\" placeholder=\" \" autocomplete=\"given-name\" spellcheck=\"false\">\n            <label for=\"a-nome\">Seu nome<\/label>\n          <\/div>\n          <div class=\"fnav\">\n            <button type=\"button\" class=\"btn--back\" data-aback-sim>Voltar<\/button>\n            <button type=\"button\" class=\"btn btn--primary\" style=\"flex:1\" id=\"ameiNomeOk\">Come\u00e7ar<\/button>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- A PONTE DAQUI FOI EMBORA COM A FAQ (16\/09\/2026). Ela descia do petroleo\n     da entrada para o claro da FAQ. Sem a FAQ, a proxima secao e' o fecho, que\n     tambem e' petroleo: a curva clara virava uma faixa clara encaixada entre\n     dois blocos escuros, o mesmo corte seco do print 4. Entrada e fecho sao a\n     mesma cor e se emendam sem ponte. Para voltar a FAQ, esta ponte volta com\n     ela (o bloco esta' em _faq-guardada.html). -->\n\n\n\n\n<!-- ============================================================\n     ASSINATURA \u2014 ponte com o rodap\u00e9 do tema Sebrae\n     ============================================================ -->\n<!-- Fechamento visual. Rodap\u00e9 sobre rodap\u00e9 \u00e9 redund\u00e2ncia: quem faz links,\n     menu e CNPJ \u00e9 o rodap\u00e9 do Sebrae, logo abaixo. -->\n<section class=\"fecho\">\n  <svg viewBox=\"0 0 448 425\" class=\"fecho__mark\" aria-hidden=\"true\"><use href=\"#farol-mark-claro\"\/><\/svg>\n  <p class=\"fecho__txt\">Orienta\u00e7\u00e3o inteligente para empreender.<\/p>\n<\/section>\n<script>\n(() => {\n'use strict';\n\nconst RM = window.matchMedia('(prefers-reduced-motion: reduce)');\nconst reduced = () => RM.matches;\nconst $  = (s, c = document) => c.querySelector(s);\nconst $$ = (s, c = document) => Array.from(c.querySelectorAll(s));\n\n\/* ============================================================\n   OF\u00cdCIOS \u2014 a imagem sorteada define as palavras da sombra\n   Ao gerar as fotos, preencher img\/imgMobile\/imgForm.\n   ============================================================ *\/\nconst OFICIOS = [\n  { id:'padeira',      img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/01-padeira-desktop-16x9.png',      imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/01-padeira-mobile-4x5.png' },\n  { id:'apicultor',    img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/02-apicultor-desktop-16x9.png',    imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/02-apicultor-mobile-4x5.png' },\n  { id:'estetica',     img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/03-estetica-desktop-16x9.png',     imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/03-estetica-mobile-4x5.png' },\n  { id:'barbearia',    img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/04-barbearia-desktop-16x9.png',    imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/04-barbearia-mobile-4x5.png' },\n  { id:'costura',      img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/05-costura-desktop-16x9.png',      imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/05-costura-mobile-4x5.png' },\n  { id:'salao',        img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/06-salao-desktop-16x9.png',        imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/06-salao-mobile-4x5.png' },\n  { id:'lanchonete',   img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/07-lanchonete-desktop-16x9.png',   imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/07-lanchonete-mobile-4x5.png' },\n  { id:'oficina',      img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/08-oficina-desktop-16x9.png',      imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/08-oficina-mobile-4x5.png' },\n  \/* A LUZ. O Bruno apontou a page_id=12 como referencia de hero, e o que ela tem\n     e' a ceramista com um LAMPIAO ACESO: luz quente na mao dela contra o frio do\n     fundo \u2014 a metafora do produto acontecendo na propria imagem. A foto do\n     elenco (09-ceramica) e' a mesma pessoa sem luz nenhuma, so escuridao. Esta\n     e' a foto da 12, que ja esta publicada no \/uploads (10\/09\/2026). *\/\n  { id:'ceramica',     img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/ceramista-1040.webp',               imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/ceramista-780.webp' },\n  { id:'confeitaria',  img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/10-confeitaria-desktop-16x9.png',  imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/10-confeitaria-mobile-4x5.png' },\n  { id:'mercadinho',   img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/11-mercadinho-desktop-16x9.png',   imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/11-mercadinho-mobile-4x5.png' },\n  { id:'petshop',      img:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/12-pet-shop-desktop-16x9.png',     imgMobile:'https:\/\/sebrae.hubdobruno.com\/site\/wp-content\/uploads\/farol\/12-pet-shop-mobile-4x5.png' }\n];\nconst _comFoto = OFICIOS.filter(o => o.img);\nconst _pool = _comFoto.length ? _comFoto : OFICIOS;\n\/* ROTATIVA entre os oficios, como sempre foi \u2014 a LP mostra que o Farol serve a\n   qualquer empreendedor, e isso se ve trocando a pessoa a cada visita. Eu tinha\n   fixado numa so' por causa de uma foto escura que caiu no sorteio; a correcao\n   certa era TIRAR aquela foto do sorteio, nao matar o sorteio (Bruno, 11\/09).\n   Fora do sorteio: `ceramica`, que e' a foto com LAMPIAO ACESO \u2014 o clich\u00ea de\n   farol que o estilo do elenco existe justamente para evitar. *\/\nconst _elenco = _pool.filter(o => o.id !== 'ceramica');\nconst OFICIO = _elenco[Math.floor(Math.random() * _elenco.length)] || _pool[0];\n\n\/* aplica as fotos, se existirem *\/\n(() => {\n  const isM = window.matchMedia('(max-width:900px)').matches;\n  const src = isM ? (OFICIO.imgMobile || OFICIO.img) : OFICIO.img;\n  if (src) {\n    const i = new Image();\n    i.src = src; i.alt = ''; i.decoding = 'async'; i.fetchPriority = 'high';\n    $('#heroPhoto').appendChild(i);\n  }\n  if (OFICIO.imgForm) {\n    const f = new Image(); f.src = OFICIO.imgForm; f.alt = '';\n    const alvo = $('#formPhoto');\n    if (alvo) alvo.prepend(f);   \/* a foto saiu do formul\u00e1rio nesta rodada *\/\n  }\n})();\n\n\/* ============================================================\n   REVEAL \u2014 dispara uma vez, threshold baixo, fallback vis\u00edvel\n   ============================================================ *\/\n(() => {\n  const els = $$('[data-reveal]');\n  if (!('IntersectionObserver' in window) || reduced()) {\n    els.forEach(e => e.classList.add('is-in'));\n    return;\n  }\n  const io = new IntersectionObserver((entries, obs) => {\n    entries.forEach(en => {\n      if (!en.isIntersecting) return;\n      en.target.classList.add('is-in');\n      obs.unobserve(en.target);           \/\/ nunca re-dispara\n    });\n  }, { threshold: 0.05, rootMargin: '0px 0px -8% 0px' });\n  els.forEach(e => io.observe(e));\n  \/\/ rede de seguran\u00e7a: o que ainda estiver escondido em 4s, acende\n  setTimeout(() => els.forEach(e => e.classList.add('is-in')), 4000);\n\n  \/* A 3a linha do h1 e' DESCOBERTA, nao aparece: o wipe da page_id=25. La' quem\n     acende e' o feixe do canvas; aqui o gatilho e' o proprio reveal do h1, com a\n     mesma trava de 1,4s que a 25 usa como rede. *\/\n  const l3 = document.getElementById('l3');\n  if (l3 && !reduced()) {\n    const h1 = l3.closest('h1');\n    const acender = () => l3.classList.add('is-lit');\n    if (h1 && 'IntersectionObserver' in window) {\n      new IntersectionObserver((en, ob) => {\n        if (!en[0].isIntersecting) return;\n        setTimeout(acender, 620);\n        ob.disconnect();\n      }, { threshold: 0.2 }).observe(h1);\n    }\n    setTimeout(acender, 1400);\n  } else if (l3) { l3.classList.add('is-lit'); }\n})();\n\n\/* ============================================================\n   N\u00c9VOA AMBIENTE \u2014 #cv\n   PORTADO DA page_id=12, sem reescrever: o que estava aqui era uma\n   nevoa de Canvas 2D (quatro blobs radiais) e o Bruno mediu de olho \u2014\n   \"sem efeito fog, longe do 12\" (11\/09\/2026). A 12 usa um shader WebGL\n   com fbm + domain warping e um nucleo de luz que segue o ponteiro; e'\n   o efeito de REVELAR da marca. O fallback quando nao ha WebGL continua\n   sendo o gradiente CSS de .hero__palco.\n   ============================================================ *\/\n(function(){\n  var cv = document.getElementById('cv');\n  var nota = document.getElementById('nota') || {};\n  var gl = null;\n  try { gl = cv.getContext('webgl', {antialias:false, alpha:false, powerPreference:'low-power'}); } catch(e){}\n  if(!gl){ nota.textContent = 'sem WebGL \u2014 o gradiente CSS de fallback est\u00e1 no ar'; cv.style.display='none'; return; }\n\n  var reduzido = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var movel = window.matchMedia('(max-width: 820px)').matches;\n\n  \/* octavas do ru\u00eddo: 5 no desktop, 3 no celular. \u00c9 a conta mais cara do\n     shader \u2014 cortar duas octavas derruba ~40% do custo e, num campo\n     desfocado desse tamanho, ningu\u00e9m enxerga a diferen\u00e7a. *\/\n  var OCT = movel ? 3 : 5;\n\n  var VS = 'attribute vec2 a;void main(){gl_Position=vec4(a,0.0,1.0);}';\n\n  var FS = [\n  'precision mediump float;',\n  'uniform vec2 u_res; uniform float u_t; uniform vec2 u_mouse;',\n  'float hash(vec2 p){return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453);}',\n  'float ruido(vec2 p){vec2 i=floor(p),f=fract(p);vec2 u=f*f*(3.0-2.0*f);',\n  '  return mix(mix(hash(i),hash(i+vec2(1.0,0.0)),u.x),mix(hash(i+vec2(0.0,1.0)),hash(i+vec2(1.0,1.0)),u.x),u.y);}',\n  'float fbm(vec2 p){float v=0.0,a=0.5;for(int i=0;i<'+OCT+';i++){v+=a*ruido(p);p*=2.02;a*=0.5;}return v;}',\n  'void main(){',\n  '  vec2 p=(gl_FragCoord.xy-0.5*u_res)\/u_res.y;',\n  '  float t=u_t*0.05;',\n  \/* domain warping: \u00e9 o que faz o campo escorrer em vez de pulsar *\/\n  '  vec2 q=vec2(fbm(p*1.3+vec2(0.0,t)), fbm(p*1.3+vec2(5.2,1.3-t)));',\n  '  vec2 r=vec2(fbm(p*1.7+4.0*q+vec2(1.7,9.2)+t*0.6), fbm(p*1.7+4.0*q+vec2(8.3,2.8)-t*0.45));',\n  '  float f=fbm(p*1.5+4.0*r);',\n  '  vec3 profundo=vec3(0.0,0.055,0.055);',\n  '  vec3 petroleo=vec3(0.0,0.231,0.231);',\n  '  vec3 azul=vec3(0.0,0.404,0.694);',\n  '  vec3 aurora=vec3(0.243,0.851,0.776);',\n  \/* limiares altos e misturas curtas: o campo fica escuro e a cor s\u00f3 aparece\n     nas veias \u2014 \u00e9 luz revelando, n\u00e3o textura de m\u00e1rmore                     *\/\n  '  vec3 col=mix(profundo,petroleo,smoothstep(0.38,0.98,f));',\n  '  col=mix(col,azul,smoothstep(0.66,1.20,length(r))*0.50);',\n  '  col=mix(col,aurora,smoothstep(0.86,1.30,f+0.30*q.x)*0.55);',\n  \/* o n\u00facleo que segue o ponteiro \u2014 o \"revelar\" da marca *\/\n  '  vec2 m=(u_mouse-0.5*u_res)\/u_res.y;',\n  '  float d=length(p-m);',\n  '  col+=aurora*exp(-d*3.0)*0.26;',\n  '  col+=azul*exp(-d*1.3)*0.07;',\n  '  col*=1.0-0.62*smoothstep(0.20,1.25,length(p));',\n  '  col+=(hash(gl_FragCoord.xy*0.7+u_t)-0.5)*0.022;',\n  '  gl_FragColor=vec4(col,1.0);',\n  '}'].join('\\n');\n\n  function compilar(tipo, src){\n    var s = gl.createShader(tipo); gl.shaderSource(s, src); gl.compileShader(s);\n    if(!gl.getShaderParameter(s, gl.COMPILE_STATUS)){ nota.textContent = 'erro no shader: '+gl.getShaderInfoLog(s); return null; }\n    return s;\n  }\n  var vs = compilar(gl.VERTEX_SHADER, VS), fs = compilar(gl.FRAGMENT_SHADER, FS);\n  if(!vs||!fs) return;\n  var prog = gl.createProgram(); gl.attachShader(prog,vs); gl.attachShader(prog,fs); gl.linkProgram(prog);\n  if(!gl.getProgramParameter(prog, gl.LINK_STATUS)){ nota.textContent='erro ao linkar'; return; }\n  gl.useProgram(prog);\n\n  var buf = gl.createBuffer();\n  gl.bindBuffer(gl.ARRAY_BUFFER, buf);\n  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 3,-1, -1,3]), gl.STATIC_DRAW);\n  var loc = gl.getAttribLocation(prog,'a');\n  gl.enableVertexAttribArray(loc); gl.vertexAttribPointer(loc,2,gl.FLOAT,false,0,0);\n\n  var uRes = gl.getUniformLocation(prog,'u_res'),\n      uT   = gl.getUniformLocation(prog,'u_t'),\n      uM   = gl.getUniformLocation(prog,'u_mouse');\n\n  \/* no celular renderiza em resolu\u00e7\u00e3o menor: o custo cai ~4x e ningu\u00e9m percebe num campo desfocado *\/\n  var escala = movel ? 0.5 : Math.min(window.devicePixelRatio||1, 1.5);\n  function medir(){\n    cv.width  = Math.max(1, Math.round(innerWidth  * escala));\n    cv.height = Math.max(1, Math.round(innerHeight * escala));\n    gl.viewport(0,0,cv.width,cv.height);\n    gl.uniform2f(uRes, cv.width, cv.height);\n  }\n  medir(); addEventListener('resize', medir);\n\n  \/* fora da tela, n\u00e3o desenha: era isso que pesava nas se\u00e7\u00f5es de baixo *\/\n  var visivel = true;\n  if ('IntersectionObserver' in window) {\n    new IntersectionObserver(function(es){ visivel = es[0].isIntersecting; }, {threshold:0})\n      .observe(document.getElementById('palco'));\n  }\n\n  var alvo=[0,0], atual=[0,0], temPonteiro=false;\n  addEventListener('pointermove', function(e){\n    temPonteiro=true;\n    alvo[0]=e.clientX*escala; alvo[1]=(innerHeight-e.clientY)*escala;\n  });\n\n  var t0=performance.now(), ultimo=0, quadros=0, fps=0;\n  var intervalo = movel ? 1000\/30 : 0;   \/\/ trava 30fps no celular\n\n  function tick(agora){\n    requestAnimationFrame(tick);\n    if(!visivel) return;\n    if(intervalo && agora-ultimo < intervalo) return;\n    var dt = agora-ultimo; ultimo=agora;\n    if(dt>0){ fps = fps*0.9 + (1000\/dt)*0.1; }\n    if(++quadros % 30 === 0){\n      \/* sem painel de diagnostico nesta pagina *\/\n    }\n    if(!temPonteiro){ \/\/ sem ponteiro, o n\u00facleo vagueia sozinho\n      var s=(agora-t0)*0.0002;\n      alvo[0]=(0.5+0.28*Math.cos(s))*cv.width; alvo[1]=(0.5+0.22*Math.sin(s*1.3))*cv.height;\n    }\n    atual[0]+=(alvo[0]-atual[0])*0.05; atual[1]+=(alvo[1]-atual[1])*0.05;\n    gl.uniform2f(uM, atual[0], atual[1]);\n    gl.uniform1f(uT, reduzido ? 0.0 : (agora-t0)\/1000);\n    gl.drawArrays(gl.TRIANGLES,0,3);\n    \/* a malha usa a MESMA posi\u00e7\u00e3o de luz do shader, sen\u00e3o os dois brilhos brigam *\/\n    if (window.__farolMalha) window.__farolMalha(atual[0]\/escala, innerHeight - atual[1]\/escala, agora);\n  }\n  requestAnimationFrame(tick);\n})();\n\n\/* ============================================================\n   MALHA DO HERO \u2014 #malha (Canvas 2D, mix-blend-mode:screen)\n   (1) rede\/constela\u00e7\u00e3o  (2) palavras fantasma  (3) reveal pelo ponteiro\n   ============================================================ *\/\n(() => {\n  const cv = $('#malha'), hero = $('.hero');\n  if (!cv || !hero) return;\n  const ctx = cv.getContext('2d', { alpha: true });\n  let W = 0, H = 0, dpr = 1, nodes = [], words = [], t0 = 0, raf = 0, visible = true;\n\n  const rel = el => {\n    const a = el.getBoundingClientRect(), b = hero.getBoundingClientRect();\n    return { x: a.left - b.left, y: a.top - b.top, w: a.width, h: a.height };\n  };\n  const hits = (x, y, r, pad = 26) =>\n    x > r.x - pad && x < r.x + r.w + pad && y > r.y - pad && y < r.y + r.h + pad;\n\n  function layout() {\n    dpr = Math.min(window.devicePixelRatio || 1, 2);\n    W = hero.offsetWidth; H = hero.offsetHeight;\n    cv.width = W * dpr; cv.height = H * dpr;\n    cv.style.width = W + 'px'; cv.style.height = H + 'px';\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n\n    const mobile = W < 900;\n\n    \/* rede *\/\n    const n = mobile ? 20 : 40;\n    nodes = Array.from({ length: n }, () => ({\n      x: Math.random() * W, y: Math.random() * H,\n      vx: (Math.random() - .5) * .12, vy: (Math.random() - .5) * .12,\n      r: Math.random() * 1.5 + .7\n    }));\n\n    \/* palavras: s\u00f3 em zona escura e livre de texto *\/\n    const copy  = rel($('.hero__copy'));\n    const photo = rel($('#heroPhoto'));\n    const zones = [];\n    if (mobile) {\n      \/\/ faixa escura na parte de baixo da foto\n      zones.push({ x: 16, y: photo.y + photo.h * .58, w: W - 32, h: photo.h * .34 });\n    } else {\n      \/* AS PALAVRAS SE AMONTOAVAM EM CIMA E UMA SAIA CORTADA EMBAIXO\n         (17\/09\/2026). Sao tres no desktop e havia duas zonas, entao a primeira\n         recebia DUAS (`zones[i % zones.length]`) e elas caiam coladas na mesma\n         faixa de 116px; a terceira ia para a zona de baixo, que ia ate' 7px da\n         borda do heroi e cortava a palavra ao meio. Medido a 1440x900.\n         A zona de baixo recua da borda, e a quantidade passa a respeitar o\n         numero de zonas: melhor duas espalhadas do que tres empilhadas. *\/\n      const gapTop = copy.y - 30;\n      if (gapTop > 90) zones.push({ x: 24, y: 18, w: W * .52, h: gapTop - 18 });\n      const gapBot = H - (copy.y + copy.h) - 30;\n      if (gapBot > 70) zones.push({ x: 24, y: copy.y + copy.h + 22, w: W * .56, h: Math.max(40, gapBot - 46) });\n      \/\/ banda entre o texto e a parte opaca da foto\n      const lx = copy.x + copy.w + 30, rx = W * .58;\n      if (rx - lx > 150) zones.push({ x: lx, y: copy.y, w: rx - lx, h: copy.h });\n    }\n    \/* As 12 da v2. Substituem as por of\u00edcio, que criavam trabalho de\n       autoria a cada foto nova. Funcionam com qualquer of\u00edcio sorteado. *\/\n    const pool = ['pre\u00e7o de venda','ponto de equil\u00edbrio','proposta de valor','cliente ideal',\n                  'fluxo de caixa','margem de lucro','p\u00fablico-alvo','precifica\u00e7\u00e3o',\n                  'posicionamento','metas com prazo','canal de venda','diferencial'];\n    const qty = mobile ? Math.min(2, Math.max(1, zones.length)) : Math.min(3, Math.max(1, zones.length));\n    words = [];\n    const placed = [];\n    for (let i = 0; i < qty; i++) {\n      const z = zones.length ? zones[i % zones.length] : { x: 24, y: H * .8, w: W * .5, h: 60 };\n      const size = mobile ? 13 : (i % 2 ? 15 : 18);\n      ctx.font = `400 ${size}px Asap, sans-serif`;\n      const tw = ctx.measureText(pool[i]).width;\n      let x = 0, y = 0, ok = false;\n      for (let k = 0; k < 60 && !ok; k++) {\n        x = z.x + Math.random() * Math.max(8, z.w - tw);\n        y = z.y + 18 + Math.random() * Math.max(8, z.h - 34);\n        ok = !hits(x + tw \/ 2, y, copy)\n          && (mobile || !hits(x + tw, y, { x: W * .60, y: 0, w: W * .40, h: H }, 0))\n          && !placed.some(r => x < r.x + r.w + 26 && x + tw + 26 > r.x\n                            && y - size < r.y + 22 && y + 22 > r.y - r.s);\n      }\n      if (!ok) continue;\n      placed.push({ x, y, w: tw, s: size });\n      words.push({ t: pool[i], x, y, w: tw, size, ph: Math.random() * 6 });\n    }\n  }\n\n  \/* estado do ponteiro (v2) *\/\n  const temPonteiro = window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n  let ptrX = null, suaveX = 0, alvoX = 0;\n  if (temPonteiro) {\n    hero.addEventListener('pointermove', e => {\n      const r = hero.getBoundingClientRect();\n      ptrX = e.clientX - r.left;\n      if (!suaveX) suaveX = ptrX;\n    });\n    hero.addEventListener('pointerleave', () => { ptrX = null; });\n  }\n\n  function frame(ts) {\n    if (!t0) t0 = ts;\n    const el = (ts - t0) \/ 1000;\n    ctx.clearRect(0, 0, W, H);\n\n    \/* Revela\u00e7\u00e3o: s\u00f3 o PONTEIRO dirige (comportamento da v2).\n       Sem ponteiro, a malha fica ambiente sem halo ativo. *\/\n    let bx, bw = W * 0.30;\n    if (temPonteiro && ptrX !== null) {\n      alvoX = ptrX;\n      suaveX += (alvoX - suaveX) * 0.08;\n      bx = suaveX;\n    } else if (temPonteiro) {\n      bx = suaveX;\n    } else {\n      bx = -W;\n    }\n\n    \/* (1) rede *\/\n    ctx.lineWidth = 1;\n    for (let i = 0; i < nodes.length; i++) {\n      const a = nodes[i];\n      a.x += a.vx; a.y += a.vy;\n      if (a.x < 0 || a.x > W) a.vx *= -1;\n      if (a.y < 0 || a.y > H) a.vy *= -1;\n      for (let j = i + 1; j < nodes.length; j++) {\n        const b = nodes[j], d = Math.hypot(a.x - b.x, a.y - b.y);\n        if (d < 128) {\n          const near = 1 - Math.min(1, Math.abs((a.x + b.x) \/ 2 - bx) \/ bw);\n          ctx.strokeStyle = `rgba(143,203,240,${(1 - d \/ 128) * (0.055 + near * 0.10)})`;\n          ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke();\n        }\n      }\n      const near = 1 - Math.min(1, Math.abs(a.x - bx) \/ bw);\n      ctx.fillStyle = `rgba(143,203,240,${0.11 + near * 0.30})`;\n      ctx.beginPath(); ctx.arc(a.x, a.y, a.r, 0, 6.284); ctx.fill();\n    }\n\n    \/* (2)+(3) palavras reveladas pelo halo *\/\n    words.forEach(w => {\n      const cx = w.x + w.w \/ 2;\n      const near = 1 - Math.min(1, Math.abs(cx - bx) \/ bw);\n      const breathe = 0.5 + 0.5 * Math.sin(el * 0.5 + w.ph);\n      const alpha = 0.055 + breathe * 0.045 + Math.pow(near, 1.6) * 0.62;\n      ctx.font = `400 ${w.size}px Asap, sans-serif`;\n      if (near > 0.5) { ctx.shadowColor = 'rgba(75,163,227,.5)'; ctx.shadowBlur = 14 * near; }\n      ctx.fillStyle = `rgba(196,224,246,${alpha})`;\n      ctx.fillText(w.t, w.x, w.y);\n      ctx.shadowBlur = 0;\n    });\n\n    \/* halo do ponteiro *\/\n    const g = ctx.createLinearGradient(bx - bw, 0, bx + bw, 0);\n    g.addColorStop(0, 'rgba(75,163,227,0)');\n    g.addColorStop(.5, 'rgba(75,163,227,.055)');\n    g.addColorStop(1, 'rgba(75,163,227,0)');\n    ctx.fillStyle = g; ctx.fillRect(bx - bw, 0, bw * 2, H);\n\n    raf = requestAnimationFrame(frame);\n  }\n\n  function start() { if (!raf && visible) raf = requestAnimationFrame(frame); }\n  function stop()  { cancelAnimationFrame(raf); raf = 0; }\n\n  function still() {\n    layout(); ctx.clearRect(0, 0, W, H);\n    nodes.forEach(a => { ctx.fillStyle = 'rgba(143,203,240,.16)';\n      ctx.beginPath(); ctx.arc(a.x, a.y, a.r, 0, 6.284); ctx.fill(); });\n    words.forEach(w => { ctx.font = `400 ${w.size}px Asap, sans-serif`;\n      ctx.fillStyle = 'rgba(196,224,246,.30)'; ctx.fillText(w.t, w.x, w.y); });\n  }\n\n  function boot() {\n    layout();\n    ctx.clearRect(0, 0, W, H);\n    nodes.forEach(a => { ctx.fillStyle = 'rgba(143,203,240,.16)';\n      ctx.beginPath(); ctx.arc(a.x, a.y, a.r, 0, 6.284); ctx.fill(); });\n    words.forEach(w => { ctx.font = `400 ${w.size}px Asap, sans-serif`;\n      ctx.fillStyle = 'rgba(196,224,246,.30)'; ctx.fillText(w.t, w.x, w.y); });\n    if (reduced()) return;\n    start();\n  }\n\n  if (document.fonts && document.fonts.ready) document.fonts.ready.then(boot); else boot();\n\n  let rz; addEventListener('resize', () => { clearTimeout(rz); rz = setTimeout(() => {\n    if (reduced()) { still(); return; } stop(); t0 = 0; layout(); start(); }, 220); });\n\n  if ('IntersectionObserver' in window) {\n    new IntersectionObserver(e => { visible = e[0].isIntersecting; visible ? start() : stop(); },\n      { threshold: 0 }).observe(hero);\n  }\n  RM.addEventListener && RM.addEventListener('change', () => { stop(); t0 = 0; boot(); });\n})();\n\n\/* ============================================================\n   REDE T\u00caNUE nas se\u00e7\u00f5es claras (pesquisa #8)\n   ============================================================ *\/\n$$('#net1, #net2').forEach(cv => {\n  const host = cv.parentElement, ctx = cv.getContext('2d');\n  let W, H, ns = [], raf = 0, on = false;\n  const build = () => {\n    const dpr = Math.min(devicePixelRatio || 1, 2);\n    W = host.offsetWidth; H = host.offsetHeight;\n    cv.width = W * dpr; cv.height = H * dpr;\n    cv.style.width = W + 'px'; cv.style.height = H + 'px';\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ns = Array.from({ length: W < 800 ? 14 : 26 }, () => ({\n      x: Math.random() * W, y: Math.random() * H,\n      vx: (Math.random() - .5) * .09, vy: (Math.random() - .5) * .09 }));\n  };\n  const draw = () => {\n    ctx.clearRect(0, 0, W, H);\n    for (let i = 0; i < ns.length; i++) {\n      const a = ns[i]; a.x += a.vx; a.y += a.vy;\n      if (a.x < 0 || a.x > W) a.vx *= -1;\n      if (a.y < 0 || a.y > H) a.vy *= -1;\n      for (let j = i + 1; j < ns.length; j++) {\n        const b = ns[j], d = Math.hypot(a.x - b.x, a.y - b.y);\n        if (d < 150) { ctx.strokeStyle = `rgba(0,59,59,${(1 - d \/ 150) * .055})`;\n          ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke(); }\n      }\n      ctx.fillStyle = 'rgba(0,103,177,.10)';\n      ctx.beginPath(); ctx.arc(a.x, a.y, 1.4, 0, 6.284); ctx.fill();\n    }\n    raf = requestAnimationFrame(draw);\n  };\n  build();\n  if (reduced()) { draw(); cancelAnimationFrame(raf); raf = 0; return; }\n  if ('IntersectionObserver' in window) {\n    new IntersectionObserver(e => {\n      on = e[0].isIntersecting;\n      if (on && !raf) raf = requestAnimationFrame(draw);\n      if (!on && raf) { cancelAnimationFrame(raf); raf = 0; }\n    }, { threshold: 0 }).observe(host);\n  } else raf = requestAnimationFrame(draw);\n  let rz; addEventListener('resize', () => { clearTimeout(rz); rz = setTimeout(build, 250); });\n});\n\n})();\n<\/script>\n<script>\n(() => {\n'use strict';\nconst $  = (s, c = document) => c.querySelector(s);\nconst $$ = (s, c = document) => Array.from(c.querySelectorAll(s));\nconst RM = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n\/* ============================================================\n   SANDBOX \u2014 demonstra\u00e7\u00e3o roteirizada (conte\u00fado fixo, sem backend)\n   Quando o Bot 1 liberar, troque runTurn() pela chamada real.\n   ============================================================ *\/\n(() => {\n  const conv = $('#conv'), chipsEl = $('#chips'), endEl = $('#convEnd'),\n        docFoot = $('#docFoot'), docFootTxt = $('#docFootTxt');\n  if (!conv) return;\n\n  const ABERTURA = 'Me conta em uma frase o que \u00e9 o seu neg\u00f3cio.';\n  const RAMOS = {\n    'Tenho uma padaria de bairro': {\n      eco: 'Tenho uma padaria de bairro, faz tr\u00eas anos.',\n      turnos: [\n        { bot: 'Boa. E hoje, quantas fornadas voc\u00ea faz por dia?',\n          doc: { i:0, h:'O neg\u00f3cio numa p\u00e1gina',\n                 p:'Padaria de bairro, tr\u00eas anos de opera\u00e7\u00e3o. Produ\u00e7\u00e3o pr\u00f3pria, venda no balc\u00e3o, p\u00fablico do entorno.' },\n          escrevendo: 'Escrevendo o resumo do seu neg\u00f3cio\u2026',\n          chips: ['Umas 4 por dia', 'Depende, 2 ou 3', 'S\u00f3 fa\u00e7o de manh\u00e3'] },\n        { bot: 'Anotado. Com isso j\u00e1 d\u00e1 pra estimar sua produ\u00e7\u00e3o do m\u00eas \u2014 vou usar quando a gente chegar nas contas.',\n          doc: { i:3, h:'Proje\u00e7\u00e3o financeira',\n                 p:'Produ\u00e7\u00e3o estimada em torno de 120 fornadas\/m\u00eas. Custo por fornada e margem entram na etapa de finan\u00e7as.' },\n          escrevendo: 'Montando sua proje\u00e7\u00e3o financeira\u2026' }\n      ]\n    },\n    'Sou barbeiro, tenho uma cadeira': {\n      eco: 'Sou barbeiro, tenho uma cadeira s\u00f3, atendo sozinho.',\n      turnos: [\n        { bot: 'Entendi. E numa semana normal, quantos cortes voc\u00ea faz?',\n          doc: { i:0, h:'O neg\u00f3cio numa p\u00e1gina',\n                 p:'Barbearia de bairro com um profissional e uma cadeira. Atendimento individual, agenda pr\u00f3pria.' },\n          escrevendo: 'Escrevendo o resumo do seu neg\u00f3cio\u2026',\n          chips: ['Uns 40 na semana', 'Varia muito', 'Fim de semana lota'] },\n        { bot: 'Certo. Se a agenda varia, a gente vai olhar os dias fracos com carinho \u2014 \u00e9 onde costuma estar o dinheiro parado.',\n          doc: { i:2, h:'For\u00e7as e riscos',\n                 p:'For\u00e7a: agenda fiel e atendimento pessoal. Risco: receita concentrada em poucos dias e depend\u00eancia de uma s\u00f3 pessoa.' },\n          escrevendo: 'Analisando for\u00e7as e riscos\u2026' }\n      ]\n    },\n    'Fa\u00e7o bolos por encomenda': {\n      eco: 'Fa\u00e7o bolos por encomenda, trabalho de casa.',\n      turnos: [\n        { bot: 'Legal. E as encomendas chegam mais por onde?',\n          doc: { i:0, h:'O neg\u00f3cio numa p\u00e1gina',\n                 p:'Confeitaria por encomenda operando em casa. Produ\u00e7\u00e3o sob demanda, sem ponto f\u00edsico.' },\n          escrevendo: 'Escrevendo o resumo do seu neg\u00f3cio\u2026',\n          chips: ['Pelo WhatsApp', 'Indica\u00e7\u00e3o de cliente', 'Instagram'] },\n        { bot: 'Ent\u00e3o esse canal \u00e9 o seu ativo mais importante hoje. Vou registrar isso e voltar nele quando falarmos de clientes.',\n          doc: { i:1, h:'Quem \u00e9 seu cliente',\n                 p:'Aquisi\u00e7\u00e3o concentrada em canal direto. Cliente chega por rela\u00e7\u00e3o, n\u00e3o por vitrine \u2014 o que muda a estrat\u00e9gia de crescimento.' },\n          escrevendo: 'Mapeando seu cliente\u2026' }\n      ]\n    }\n  };\n\n  const wait = ms => new Promise(r => setTimeout(r, RM.matches ? Math.min(ms, 180) : ms));\n  const add = (txt, who) => {\n    const b = document.createElement('div');\n    b.className = 'bub bub--' + who; b.textContent = txt;\n    conv.appendChild(b); return b;\n  };\n  const setChips = (arr, fn) => {\n    chipsEl.innerHTML = ''; chipsEl.removeAttribute('data-done');\n    arr.forEach(t => {\n      const c = document.createElement('button');\n      c.type = 'button'; c.className = 'chip'; c.textContent = t;\n      c.addEventListener('click', () => { chipsEl.setAttribute('data-done', ''); fn(t); });\n      chipsEl.appendChild(c);\n    });\n  };\n  const typing = () => {\n    const w = document.createElement('div');\n    w.className = 'typing'; w.innerHTML = '<i><\/i><i><\/i><i><\/i>';\n    conv.appendChild(w); return w;\n  };\n  const lightDoc = d => {\n    const item = $(`.doc__item[data-doc=\"${d.i}\"]`);\n    if (!item) return;\n    item.querySelector('h3').textContent = d.h;\n    item.querySelector('p').textContent  = d.p;\n    item.classList.add('is-on');\n  };\n\n  async function runTurn(turno, next) {\n    docFoot.hidden = false; docFootTxt.textContent = turno.escrevendo;\n    const t = typing();\n    await wait(1150);\n    t.remove();\n    add(turno.bot, 'bot');\n    await wait(260);\n    if (turno.doc) lightDoc(turno.doc);\n    docFoot.hidden = true;\n    if (turno.chips) setChips(turno.chips, next);\n  }\n\n  async function start() {\n    add(ABERTURA, 'bot');\n    setChips(Object.keys(RAMOS), async escolha => {\n      const ramo = RAMOS[escolha];\n      add(ramo.eco, 'me');\n      await runTurn(ramo.turnos[0], async resp => {\n        add(resp, 'me');\n        await runTurn(ramo.turnos[1]);\n        chipsEl.innerHTML = '';\n        endEl.hidden = false;\n      });\n    });\n  }\n\n  \/\/ s\u00f3 come\u00e7a quando a pessoa v\u00ea o painel\n  if ('IntersectionObserver' in window) {\n    const io = new IntersectionObserver(e => {\n      if (e[0].isIntersecting) { io.disconnect(); start(); }\n    }, { threshold: .25 });\n    io.observe($('.panel'));\n  } else start();\n})();\n\n\/* ============================================================\n   VARREDURA DE LUZ nos 5 cards (pesquisa #4)\n   ============================================================ *\/\n(() => {\n  const sec = $('.jorn');\n  if (!sec || !('IntersectionObserver' in window)) return;\n  const io = new IntersectionObserver(e => {\n    if (e[0].isIntersecting) { sec.classList.add('is-shimmering'); io.disconnect(); }\n  }, { threshold: .3 });\n  io.observe(sec);\n})();\n\n\/* ============================================================\n   CARDS das jornadas \u2014 abre por toque (pesquisa #9)\n   ============================================================ *\/\n$$('#jornGrid .card').forEach(c => {\n  c.addEventListener('click', () => {\n    const open = c.getAttribute('aria-expanded') === 'true';\n    $$('#jornGrid .card').forEach(o => o.setAttribute('aria-expanded', 'false'));\n    c.setAttribute('aria-expanded', open ? 'false' : 'true');\n  });\n});\n\n\/* ============================================================\n   FAQ \u2014 mesmo componente do acorde\u00e3o do produto\n   ============================================================ *\/\n$$('#faq .ac__btn').forEach(b => {\n  const panel = b.nextElementSibling;\n  \/* o painel abre pelo CSS (grid 0fr -> 1fr); o conte\u00fado precisa de um inv\u00f3lucro *\/\n  if (panel && !panel.querySelector(':scope > .ac__in')) {\n    const dentro = document.createElement('div');\n    dentro.className = 'ac__in';\n    while (panel.firstChild) dentro.appendChild(panel.firstChild);\n    panel.appendChild(dentro);\n  }\n  b.addEventListener('click', () => {\n    const open = b.getAttribute('aria-expanded') === 'true';\n    $$('#faq .ac__btn').forEach(o => o.setAttribute('aria-expanded', 'false'));\n    if (!open) b.setAttribute('aria-expanded', 'true');\n  });\n});\n\n\/* ============================================================\n   ENTRADA \u2014 login AMEI (simulado)\n   O formulario de 3 etapas foi substituido pela tela do login unico do Sebrae\n   (decisao do Bruno, 15\/09; BRIEF-TI-HOMOLOGACAO.md secao 10, gatilho G5). O\n   AMEI de verdade depende do TI cadastrar a aplicacao; ate la, \"Entrar com\n   AMEI\" abre um passo de DEMONSTRACAO, marcado na tela, que coleta so nome e\n   fase e segue para a interna pelo mesmo caminho de sempre (emitir -> ?e=).\n   O formulario antigo esta guardado em _form-3etapas-backup.html.\n   ============================================================ *\/\n(() => {\n  const box = $('#foco'); if (!box) return;\n  const steps = $$('.fstep', box);\n  const irA = alvo => { steps.forEach(s => s.classList.toggle('is-active', s.dataset.astep === alvo));\n    box.scrollIntoView({ behavior: RM.matches ? 'auto' : 'smooth', block: 'start' }); };\n\n  \/\/ selecao unica no grupo de fase\n  $$('.opts', box).forEach(g => g.addEventListener('click', e => {\n    const b = e.target.closest('.opt'); if (!b || b.disabled) return;\n    $$('.opt', g).forEach(o => o.setAttribute('aria-pressed', 'false'));\n    b.setAttribute('aria-pressed', 'true');\n  }));\n\n  \/* ---------------------------------------------------------------------\n     AMEI DE VERDADE \u2014 o lugar exato da integracao quando o TI cadastrar a app.\n     O login do Sebrae e' Keycloak (realm \"externo\"), fluxo authorization code.\n     Modelo do endpoint (confirmado por um login real que o Bruno mandou):\n       https:\/\/amei.sebrae.com.br\/auth\/realms\/externo\/protocol\/openid-connect\/auth\n         ?client_id=<CLIENT_ID_DA_APLICACAO_FAROL>   <-- o TI cria e informa\n         &redirect_uri=<URL_DE_RETORNO_DO_FAROL>      <-- ex.: ...\/site\/interna\/\n         &response_type=code&scope=openid&response_mode=fragment\n         &state=<aleatorio>&nonce=<aleatorio>\n     No retorno, o Farol troca o `code` pela identidade (nome, CPF, e-mail) e\n     entra na interna \u2014 deixando de precisar do formulario e do ?e=. Enquanto\n     isso nao existe, o botao abre a SIMULACAO abaixo. Para ligar o real: troque\n     o handler de irA('sim') por irParaAmeiReal() e preencha as duas constantes.\n     --------------------------------------------------------------------- *\/\n  const AMEI = {\n    ativo: false,                                  \/\/ <-- vira true quando o TI cadastrar\n    authUrl: 'https:\/\/amei.sebrae.com.br\/auth\/realms\/externo\/protocol\/openid-connect\/auth',\n    clientId: '',                                  \/\/ <-- CLIENT_ID_DA_APLICACAO_FAROL\n    redirectUri: 'https:\/\/sebrae.hubdobruno.com\/site\/interna\/',\n  };\n  function irParaAmeiReal() {\n    const p = new URLSearchParams({ client_id: AMEI.clientId, redirect_uri: AMEI.redirectUri,\n      response_type: 'code', scope: 'openid', response_mode: 'fragment',\n      state: crypto.randomUUID(), nonce: crypto.randomUUID() });\n    location.href = AMEI.authUrl + '?' + p.toString();\n  }\n\n  const btEntrar = $('#ameiEntrar'), btVoltar = box.querySelector('[data-aback]');\n  btEntrar && btEntrar.addEventListener('click', () => (AMEI.ativo ? irParaAmeiReal() : irA('sim')));\n  btVoltar && btVoltar.addEventListener('click', () => irA('login'));\n\n  const DESTINO_INTERNA = 'https:\/\/sebrae.hubdobruno.com\/site\/';\n  const PAGINA_INTERNA = '39';\n  \/* \"Entrar\" (login simulado) nao entra mais direto: leva ao passo do nome, que\n     so' existe enquanto o AMEI for simulado. Quem emite o token e' o \"Comecar\". *\/\n  const btComecar = $('#ameiComecar');\n  btComecar && btComecar.addEventListener('click', () => irA('nome'));\n  const btVoltarSim = box.querySelector('[data-aback-sim]');\n  btVoltarSim && btVoltarSim.addEventListener('click', () => irA('sim'));\n\n  const btNomeOk = $('#ameiNomeOk');\n  btNomeOk && btNomeOk.addEventListener('click', async () => {\n    \/* Login SIMULADO: qualquer entrada (ou nenhuma) aprova. Nada digitado\n       (usuario ou senha) e' lido, gravado ou enviado \u2014 o emitir vai SEM dado\n       nenhum. Quando o AMEI real ligar, a identidade (nome, CPF, e-mail) vem do\n       retorno do Keycloak, e este passo da' lugar a irParaAmeiReal(). *\/\n    const q = new URLSearchParams();\n    q.set('page_id', PAGINA_INTERNA);\n    q.set('produto', 'mercado');       \/\/ o Plano comeca sempre pelo Mercado\n    \/* O nome vai na URL e a interna o apaga da barra de enderecos 1,2s depois\n       de ler (privacidade: nome, e-mail e documento nunca ficam na URL). *\/\n    const nome = ($('#a-nome') && $('#a-nome').value || '').trim().slice(0, 60);\n    if (nome) q.set('nome', nome);\n\n    const rotulo = btNomeOk.textContent;\n    btNomeOk.disabled = true; btNomeOk.textContent = 'Entrando...';\n    try {\n      const r = await fetch('https:\/\/sebrae.hubdobruno.com\/plano-beta\/api\/acesso\/emitir', {\n        method: 'POST', headers: { 'content-type': 'application\/json' },\n        body: JSON.stringify({ dados_foco: { origem: 'lp-amei-sim' } }),\n      });\n      const d = r.ok ? await r.json() : null;\n      if (d && d.entrada) q.set('e', d.entrada);\n    } catch (err) { console.warn('[Farol] nao consegui abrir a sessao:', err); }\n\n    if (!q.get('e')) {\n      btNomeOk.disabled = false; btNomeOk.textContent = rotulo;\n      return;\n    }\n    location.href = DESTINO_INTERNA + '?' + q.toString();\n  });\n})();\n\n\/* ============================================================\n   PROVA SOCIAL AGREGADA \u2014 LGPD-safe, com trava de volume\n   Descomente o fetch quando \/api\/stats existir.\n   ============================================================ *\/\n(() => {\n  const box = $('#proof'), alt = $('#proofAlt');\n  const MIN = 50;                       \/\/ abaixo disso, n\u00e3o mostra n\u00famero\n  const render = (d, exemplo) => {\n    if (!d || !d.total || (!exemplo && d.total < MIN)) return;   \/\/ trava no c\u00f3digo\n    $('#proofN').textContent = new Intl.NumberFormat('pt-BR').format(d.total);\n    $('#proofC').textContent = d.cidades && d.cidades.length\n      ? ' \u00b7 \u00faltimos em ' + d.cidades.slice(0,3).join(', ') : '';\n    if (exemplo) {\n      const tag = document.createElement('span');\n      tag.className = 'proof__tag'; tag.textContent = 'exemplo';\n      box.appendChild(tag);\n    }\n    box.hidden = false;\n    if (alt) alt.style.marginTop = '16px';   \/* .proof-alt saiu do hero nesta rodada *\/\n  };\n\n  \/* MODO APRESENTA\u00c7\u00c3O\n     Abrir a p\u00e1gina com ?exemplo=1 mostra como o componente fica, com o n\u00famero\n     marcado como \"exemplo\". Serve para apresentar ao Sebrae sem publicar n\u00famero\n     n\u00e3o verificado. Na URL sem o par\u00e2metro, a trava de volume continua valendo.\n     N\u00c3O usar `preview`: \u00e9 query var reservada do WordPress e devolve p\u00e1gina\n     vazia \u2014 verificado em 19\/08. *\/\n  \/* `preview` \u00e9 query var RESERVADA do WordPress: ?preview=1 devolve\n     p\u00e1gina vazia. `exemplo` \u00e9 livre. *\/\n  const preview = new URLSearchParams(location.search).get('exemplo') === '1';\n  if (preview) {\n    render({ total: 347, cidades: ['An\u00e1polis', 'Rio Verde', 'Goi\u00e2nia'] }, true);\n  } else {\n    \/\/ fetch('\/api\/stats').then(r => r.json()).then(d => render(d, false)).catch(() => {});\n  }\n})();\n\n})();\n<\/script>\n\n<!-- FAROL-DEMO-FOOTER: idem. REMOVER ao publicar \u2014 footer #31. -->\n<footer class=\"sbd-rod\">\n  <div class=\"sbd-rod-in\">\n    <div class=\"sbd-l1\">\n      <svg role=\"img\" aria-label=\"Sebrae Goi\u00e1s\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"205\" height=\"110\" viewBox=\"0 0 205 110\" fill=\"none\"><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M120.317 110C98.7128 110 77.1087 110 55.5042 110C56.2984 106.024 57.0992 102.049 57.9065 98.0762C79.5111 98.0762 101.115 98.0762 122.72 98.0762C121.938 102.055 121.137 106.03 120.317 110Z\" fill=\"white\"><\/path><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M61.8604 79.6436C83.4649 79.6436 105.069 79.6436 126.674 79.6436C125.886 83.6043 125.085 87.5621 124.271 91.518C102.667 91.5676 81.0626 91.584 59.458 91.5676C60.2523 87.5915 61.0531 83.6168 61.8604 79.6436Z\" fill=\"white\"><\/path><path opacity=\"0.996\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M205 37.5117C205 37.5945 205 37.6773 205 37.7601C204.519 39.9041 204.052 42.0571 203.599 44.219C197.927 44.219 192.254 44.219 186.582 44.219C186.065 46.6369 185.548 49.0548 185.031 51.4728C190.352 51.4728 195.674 51.4728 200.996 51.4728C200.538 53.6972 200.054 55.9165 199.545 58.1305C194.206 58.1801 188.868 58.1965 183.529 58.1801C182.999 60.6618 182.482 63.146 181.978 65.6327C187.767 65.6327 193.555 65.6327 199.344 65.6327C198.86 67.8978 198.36 70.1584 197.843 72.4145C188.768 72.4478 179.692 72.4478 170.616 72.4145C173.158 60.786 175.677 49.1519 178.174 37.5117C187.116 37.5117 196.058 37.5117 205 37.5117Z\" fill=\"white\"><\/path><path opacity=\"0.995\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M104.752 37.5114C111.342 37.5031 117.932 37.5114 124.521 37.5363C126.303 37.486 128.022 37.7841 129.677 38.4306C131.753 39.4684 132.879 41.1494 133.055 43.4735C133.184 49.7202 130.173 53.4882 124.021 54.7765C123.474 54.8952 122.923 54.9946 122.369 55.0746C122.299 55.093 122.249 55.1342 122.219 55.1988C123.32 55.2495 124.404 55.4065 125.472 55.6708C127.361 56.1652 128.387 57.3824 128.55 59.3226C128.601 59.8179 128.626 60.3147 128.625 60.8131C128.513 63.2317 128.388 65.6493 128.25 68.0669C128.203 69.4764 128.219 70.884 128.3 72.29C135.495 60.7718 142.677 49.2451 149.846 37.7101C153.9 37.6605 157.954 37.6439 162.008 37.6605C164.158 49.2568 166.326 60.8498 168.514 72.4391C164.777 72.4554 161.04 72.4391 157.303 72.3894C156.974 70.0895 156.657 67.7877 156.353 65.4833C151.598 65.4669 146.843 65.4833 142.089 65.533C140.781 67.8229 139.48 70.1163 138.185 72.4142C131.295 72.4391 124.405 72.4475 117.515 72.4391C117.505 71.5274 117.53 70.6162 117.59 69.7065C117.825 67.0573 118.05 64.4077 118.265 61.7571C118.294 61.063 118.136 60.4171 117.79 59.8194C117.465 59.4304 117.056 59.1735 116.564 59.0493C116.135 58.9509 115.701 58.8843 115.262 58.8506C114.412 58.8421 113.561 58.8342 112.71 58.8257C111.84 58.8262 110.981 58.859 110.132 58.9251C109.147 63.4284 108.171 67.9332 107.205 72.4391C103.868 72.4554 100.531 72.4391 97.1948 72.3894C99.7298 60.7664 102.249 49.1406 104.752 37.5114ZM113.361 43.9703C115.28 43.9516 117.198 43.9765 119.116 44.0448C119.836 44.081 120.537 44.2135 121.218 44.4423C122.37 44.9305 122.953 45.7999 122.97 47.0507C122.733 50.5906 120.831 52.3872 117.264 52.4414C115.363 52.4662 113.461 52.4747 111.559 52.4662C112.159 49.6342 112.76 46.8023 113.361 43.9703ZM153.9 44.5168C153.95 44.5168 154 44.5168 154.05 44.5168C154.511 49.3533 154.978 54.1892 155.452 59.0245C152.249 59.0329 149.045 59.0245 145.842 58.9996C148.561 54.1892 151.247 49.3617 153.9 44.5168Z\" fill=\"white\"><\/path><path opacity=\"0.996\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M70.9692 37.4123C77.5757 37.404 84.1821 37.4123 90.7886 37.4371C92.718 37.5788 94.4867 38.175 96.0937 39.2257C98.2013 40.8471 99.0441 42.9752 98.6212 45.6101C98.1432 48.5074 96.6503 50.7181 94.1418 52.2429C92.5683 53.1392 90.8997 53.8015 89.137 54.2302C90.9132 54.508 92.5313 55.1538 93.9917 56.1679C95.1263 57.0865 95.802 58.271 96.0187 59.7203C96.3225 63.0719 95.305 65.9536 92.9657 68.3652C90.6384 70.6547 87.8277 71.9216 84.5325 72.166C83.4014 72.2952 82.2673 72.3777 81.1291 72.4145C75.2399 72.4393 69.3512 72.4477 63.4619 72.4393C65.9388 60.7582 68.4413 49.0824 70.9692 37.4123ZM79.2773 43.6724C81.3128 43.6641 83.3478 43.6724 85.3833 43.6973C87.622 43.8323 88.6315 44.9998 88.4113 47.2C87.8327 50.1512 86.0224 51.5508 82.981 51.3983C81.1957 51.4395 79.4105 51.4315 77.6257 51.3734C78.1953 48.8103 78.7458 46.2433 79.2773 43.6724ZM76.2744 57.6832C78.2098 57.6748 80.1447 57.6832 82.0801 57.7081C85.7386 57.9466 86.8813 59.76 85.5084 63.1484C84.7387 64.6395 83.5125 65.5258 81.8298 65.8065C81.4159 65.884 80.999 65.9337 80.5786 65.9556C78.5601 65.9804 76.5412 65.9889 74.5227 65.9804C75.1128 63.216 75.6968 60.4501 76.2744 57.6832Z\" fill=\"white\"><\/path><path opacity=\"0.996\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M39.989 37.5117C48.9311 37.5117 57.873 37.5117 66.8152 37.5117C66.3557 39.7492 65.8888 41.9849 65.4138 44.219C59.7418 44.219 54.0693 44.219 48.3972 44.219C47.8672 46.6342 47.3501 49.0522 46.8457 51.4728C52.1674 51.4728 57.4896 51.4728 62.8113 51.4728C62.3338 53.7101 61.8498 55.9459 61.3599 58.1801C56.0212 58.1637 50.6824 58.1801 45.3442 58.2298C44.8134 60.6911 44.2795 63.1505 43.7427 65.6078C49.5484 65.6163 55.354 65.6411 61.1597 65.6824C60.6592 67.9181 60.1587 70.1539 59.6582 72.3897C50.5828 72.4557 41.5071 72.4557 32.4316 72.3897C34.9636 60.7662 37.4827 49.1403 39.989 37.5117Z\" fill=\"white\"><\/path><path opacity=\"0.994\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 64.9368C0 64.2745 0 63.6117 0 62.9495C0.0992353 62.31 0.199333 61.6641 0.300293 61.0118C3.58683 61.0118 6.87336 61.0118 10.1599 61.0118C9.42655 64.1036 10.6444 65.8177 13.8135 66.1541C15.321 66.3145 16.7892 66.1491 18.2178 65.6572C19.9872 64.8876 20.9381 63.5382 21.0706 61.608C21.0186 60.7013 20.5849 60.0469 19.7693 59.6455C19.4307 59.4835 19.0803 59.3514 18.7183 59.248C15.6965 58.461 12.6769 57.6661 9.65942 56.8632C4.1162 55.1233 2.35614 51.5381 4.37927 46.1067C5.17059 44.1958 6.38012 42.5977 8.00781 41.3122C10.4565 39.4272 13.2258 38.2596 16.3159 37.8095C18.909 37.4373 21.5116 37.3628 24.1235 37.5859C25.7039 37.7142 27.2387 38.0454 28.728 38.5796C32.3442 40.0355 33.854 42.6936 33.2574 46.5538C33.1818 47.0872 33.09 47.6172 32.9822 48.1437C29.679 48.1437 26.3757 48.1437 23.0725 48.1437C23.1211 47.7949 23.1795 47.4471 23.2477 47.1004C23.4915 45.123 22.6323 43.9555 20.6702 43.5977C18.777 43.2851 17.0586 43.6826 15.5151 44.7901C14.4337 45.6915 13.9583 46.8425 14.0887 48.2431C14.2214 48.7559 14.4966 49.1782 14.9145 49.51C15.2511 49.7599 15.6181 49.9587 16.0156 50.1062C18.6617 50.8415 21.3142 51.5535 23.9734 52.2426C25.6174 52.6704 27.1856 53.2835 28.678 54.0809C30.5414 55.2957 31.4757 57.0182 31.4807 59.248C31.2469 64.0216 29.0448 67.5656 24.8743 69.8803C21.6869 71.4951 18.3003 72.3397 14.7144 72.4142C12.2747 72.5339 9.85571 72.368 7.45727 71.9174C5.62228 71.5775 3.97065 70.8487 2.50244 69.7313C1.0387 68.4564 0.204557 66.8581 0 64.9368Z\" fill=\"white\"><\/path><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M74.823 18.4326C96.4276 18.4326 118.032 18.4326 139.636 18.4326C138.861 22.3959 138.06 26.354 137.234 30.307C115.629 30.3567 94.0252 30.3732 72.4207 30.3567C73.2149 26.3807 74.0157 22.406 74.823 18.4326Z\" fill=\"white\"><\/path><path opacity=\"0.997\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.7769 0C100.381 0 121.986 0 143.59 0C142.802 3.96058 142.002 7.91874 141.188 11.8744C119.583 11.9241 97.9791 11.9406 76.3745 11.9241C77.1688 7.9481 77.9696 3.97342 78.7769 0Z\" fill=\"white\"><\/path><\/svg>\n      <div class=\"sbd-caixa\"><b>FALE CONOSCO<\/b>\n        <p>Ligue gratuitamente<\/p><p>0800 570 0800<\/p><p class=\"claro\">atendimento@sebraego.com.br<\/p><\/div>\n      <div class=\"sbd-caixa\"><b>LOCALIZA\u00c7\u00c3O<\/b>\n        <p>Av. T-3, 1000 - Setor Bueno<\/p><p>Goi\u00e2nia - Goi\u00e1s<\/p><p class=\"claro\">Segunda \u00e0 Sexta de 8h \u00e0s 18h<\/p><\/div>\n      <div class=\"sbd-dir\">\n        <div class=\"sbd-pill\"><span>SOBRE O SEBRAE<\/span><span>OBSERVAT\u00d3RIO<\/span><\/div>\n        <div class=\"sbd-redes-t\">ACOMPANHE NAS REDES<\/div>\n        <div class=\"sbd-redes\"><svg viewBox=\"0 0 20 20\" aria-label=\"Facebook\" role=\"img\"><path d=\"M13.5 3H11a4 4 0 0 0-4 4v2H5v3h2v6h3v-6h2.2l.4-3H10V7.2c0-.7.2-1.2 1.2-1.2h2.3V3Z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-label=\"Instagram\" role=\"img\"><path d=\"M6 2h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4Zm4 4.5A3.5 3.5 0 1 0 13.5 10 3.5 3.5 0 0 0 10 6.5Zm0 2A1.5 1.5 0 1 1 8.5 10 1.5 1.5 0 0 1 10 8.5ZM14.8 4.7a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9Z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-label=\"TikTok\" role=\"img\"><path d=\"M13 2h2.6a4.6 4.6 0 0 0 3.4 3.3V8a7 7 0 0 1-3.4-1v5.6A5.6 5.6 0 1 1 10 7v2.8a2.8 2.8 0 1 0 2.8 2.8V2Z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-label=\"YouTube\" role=\"img\"><path d=\"M18.6 6.2a2.2 2.2 0 0 0-1.5-1.5C15.7 4.3 10 4.3 10 4.3s-5.7 0-7.1.4A2.2 2.2 0 0 0 1.4 6.2 23 23 0 0 0 1 10a23 23 0 0 0 .4 3.8 2.2 2.2 0 0 0 1.5 1.5c1.4.4 7.1.4 7.1.4s5.7 0 7.1-.4a2.2 2.2 0 0 0 1.5-1.5A23 23 0 0 0 19 10a23 23 0 0 0-.4-3.8ZM8.2 12.6V7.4L12.7 10Z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-label=\"LinkedIn\" role=\"img\"><path d=\"M5.4 17H2.5V7.5h2.9V17ZM4 6.2a1.7 1.7 0 1 1 1.7-1.7A1.7 1.7 0 0 1 4 6.2ZM17.5 17h-2.9v-4.6c0-1.1 0-2.5-1.5-2.5s-1.8 1.2-1.8 2.4V17H8.4V7.5h2.8v1.3a3.1 3.1 0 0 1 2.8-1.5c3 0 3.5 2 3.5 4.5Z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-label=\"X\" role=\"img\"><path d=\"M14.7 2h2.8l-6.1 7L18.5 18h-5.6l-4.4-5.7L3.4 18H.6l6.5-7.5L.4 2h5.7l4 5.3ZM13.7 16.3h1.6L5.4 3.6H3.7Z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-label=\"WhatsApp\" role=\"img\"><path d=\"M10 1.8a8.1 8.1 0 0 0-6.9 12.3L1.8 18.2l4.2-1.3A8.1 8.1 0 1 0 10 1.8Zm0 14.8a6.6 6.6 0 0 1-3.4-.9l-.3-.2-2.5.8.8-2.4-.2-.3A6.7 6.7 0 1 1 10 16.6Zm3.7-4.9c-.2-.1-1.2-.6-1.4-.6s-.3-.1-.5.1l-.6.7c-.1.2-.2.2-.4.1a5.4 5.4 0 0 1-2.7-2.3c-.2-.3.2-.3.5-1a.4.4 0 0 0 0-.4l-.6-1.4c-.1-.4-.3-.3-.5-.3h-.4a.8.8 0 0 0-.6.3 2.4 2.4 0 0 0-.7 1.8A4.2 4.2 0 0 0 7.2 13a9.5 9.5 0 0 0 3.6 2 2.3 2.3 0 0 0 1.6-.2 1.9 1.9 0 0 0 1.2-.9 1.6 1.6 0 0 0 .1-.9Z\"\/><\/svg><\/div>\n        <div class=\"sbd-pill\"><span>NOT\u00cdCIAS<\/span><span>BLOG<\/span><\/div>\n      <\/div>\n    <\/div>\n    <hr class=\"sbd-hr\">\n    <div class=\"sbd-l2\">\n      <div><h3 class=\"sbd-col\">Programas<\/h3><a>ALI Produtividade<\/a><a>Sebrae na sua Empresa<\/a><a>Sebrae em Campo<\/a><a>Educa\u00e7\u00e3o Empreendedora<\/a><a>Cidades Territ\u00f3rios Empreendedores<\/a><a>Sebrae Plural<\/a><a>Avalie seu Instagram<\/a><\/div><div><h3 class=\"sbd-col\">Produtos<\/h3><a>Cursos<\/a><a>Escola de Neg\u00f3cios<\/a><a>Empretec<\/a><a>Miss\u00f5es Empresariais<\/a><a>Consultoria Gest\u00e3o Empresarial<\/a><a>Sebraetec<\/a><a>Biblioteca Digital<\/a><a>Acesso a Mercado<\/a><a>Raio X Empresarial<\/a><\/div><div><h3 class=\"sbd-col\">Tem\u00e1ticos<\/h3><a>MEI \u2013 Microempreendedor Individual<\/a><a>Novo Empres\u00e1rio<\/a><a>Moda<\/a><a>Finan\u00e7as<\/a><a>Energia<\/a><a>Inova\u00e7\u00e3o<\/a><a>Turismo<\/a><a>LGPD<\/a><a>Empreendedorismo Feminino<\/a><a>Compliance<\/a><\/div>\n      <div class=\"sbd-selo\">Great Place To Work\u00ae<br>Certificada<small>OUT 2025-OUT 2026<br>Brasil<\/small><\/div>\n      <div class=\"sbd-qr\"><svg viewBox=\"0 0 21 21\" shape-rendering=\"crispEdges\" aria-hidden=\"true\"><rect x=\"0\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"2\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"0\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"1\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"2\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"3\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"4\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"5\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"2\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"6\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"7\" width=\"1\" height=\"1\"\/><rect x=\"2\" y=\"7\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"7\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"7\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"7\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"7\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"8\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"9\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"10\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"11\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"12\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"13\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"2\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"14\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"12\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"15\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"15\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"16\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"17\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"8\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"11\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"13\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"17\" y=\"18\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"19\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"19\" width=\"1\" height=\"1\"\/><rect x=\"7\" y=\"19\" width=\"1\" height=\"1\"\/><rect x=\"9\" y=\"19\" width=\"1\" height=\"1\"\/><rect x=\"10\" y=\"19\" width=\"1\" height=\"1\"\/><rect x=\"16\" y=\"19\" width=\"1\" height=\"1\"\/><rect x=\"0\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"1\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"2\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"3\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"4\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"5\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"6\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"14\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"18\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"19\" y=\"20\" width=\"1\" height=\"1\"\/><rect x=\"20\" y=\"20\" width=\"1\" height=\"1\"\/><\/svg><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"sbd-copy\"><div class=\"sbd-copy-in\">\n    <span>2026 \u00a9 Sebrae - Todos os direitos reservados<br>\n      Servi\u00e7o de Apoio as Micro e Pequenas Empresas do Estado de Goi\u00e1s | CNPJ: 00.000.000\/0000-00<\/span>\n    <span>Feito com \u2764\ufe0f em Goi\u00e1s<\/span>\n  <\/div><\/div>\n<\/footer>\n<!-- \/FAROL-DEMO-FOOTER -->\n<script>(function(){var w=document.currentScript.closest(\".farol-lp\");if(w)w.classList.add(\"js\");})();<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":2,"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/pages\/40\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/sebrae.hubdobruno.com\/site\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}