{"id":7,"date":"2026-09-09T19:18:29","date_gmt":"2026-09-09T22:18:29","guid":{"rendered":"https:\/\/treinamento.gerenciandoweb.net\/?page_id=7"},"modified":"2026-09-09T19:27:15","modified_gmt":"2026-09-09T22:27:15","slug":"7-2","status":"publish","type":"page","link":"https:\/\/treinamento.gerenciandoweb.net\/?page_id=7","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   Funil GW Server \u00b7 FOLHA DA V2\n   Mesma estrutura da v1, tratamento visual diferente.\n\n   O que veio da refer\u00eancia do n8n, adaptado \u00e0 paleta GW:\n   1. Eleva\u00e7\u00e3o por COR, nunca por sombra externa. Tr\u00eas superf\u00edcies.\n   2. Borda por inset shadow, com brilho quente na aresta de baixo.\n   3. Um \u00fanico elemento quente na tela: o bot\u00e3o. Todo o resto frio.\n   4. Display leve e apertado: line-height 0.92, tracking negativo.\n   5. Raio em camadas: 8px em campo e bot\u00e3o, 16px em cart\u00e3o, 24px em painel.\n   6. Se\u00e7\u00f5es separadas por troca de superf\u00edcie, sem linha divis\u00f3ria.\n\n   A v1 continua em estilo.css. As duas n\u00e3o se misturam.\n   ========================================================================== *\/\n\n:root{\n  \/* tr\u00eas superf\u00edcies, uma degrau acima da outra. A eleva\u00e7\u00e3o \u00e9 essa. *\/\n  --s0:#060911;                 \/* base da p\u00e1gina *\/\n  --s1:#0f1626;                 \/* cart\u00e3o *\/\n  --s2:#141d30;                 \/* painel e se\u00e7\u00e3o elevada *\/\n  --s3:#1b2740;                 \/* bot\u00e3o fantasma, superf\u00edcie terci\u00e1ria *\/\n\n  --linha:rgba(255,255,255,.09);\n  --linha-forte:rgba(255,255,255,.16);\n\n  --txt:#ffffff;                \/* s\u00f3 t\u00edtulos *\/\n  --txt-2:#c8d0e0;             \/* corpo, cinza levemente azulado, nunca branco puro *\/\n  --txt-3:#7f8ba3;             \/* apoio *\/\n\n  --azul:#00a1d5;\n  --azul-fundo:#0664b9;\n  --verde:#00d4aa;\n\n  \/* o \u00fanico quente da p\u00e1gina, e s\u00f3 no bot\u00e3o *\/\n  --brasa:linear-gradient(30deg,#fb831b 0%,#f2600a 100%);\n  --brasa-cor:#fb831b;\n\n  --r-campo:8px;\n  --r-card:16px;\n  --r-painel:24px;\n  --r-pilula:999px;\n\n  --maxw:1180px;\n  --maxw-txt:760px;\n}\n\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n  margin:0;background:var(--s0);color:var(--txt-2);\n  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;\n  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;\n}\nimg{max-width:100%;display:block}\na{color:var(--azul);text-decoration:none}\na:hover{text-decoration:underline}\np{margin:0 0 1rem}\np:last-child{margin-bottom:0}\n:focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:4px}\n\n\/* ---------- tipografia: display leve e apertado ---------- *\/\nh1,h2,h3,h4{font-family:'Sora',system-ui,sans-serif;margin:0;text-wrap:balance}\nh1{\n  font-size:clamp(2.3rem,5.2vw,3.5rem);\n  font-weight:600;                 \/* 600 e n\u00e3o 700: a refer\u00eancia usa 300, mas\n                                      tr\u00e1fego frio precisa de mais peso que isso *\/\n  line-height:.94;                 \/* o empilhamento denso vem daqui *\/\n  letter-spacing:-.028em;\n  color:var(--txt);\n}\nh2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;line-height:1.06;letter-spacing:-.022em;color:var(--txt)}\nh3{font-size:1.08rem;font-weight:600;letter-spacing:-.012em;color:var(--txt);line-height:1.3}\nh4{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)}\n\n\/* ---------- layout ---------- *\/\n.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}\n.col{max-width:var(--maxw-txt);margin-left:auto;margin-right:auto}\n.sec{padding:clamp(56px,8vw,112px) 0}          \/* ritmo 80 a 120px *\/\n.sec--s1{background:var(--s1)}                  \/* se\u00e7\u00e3o separada por SUPERF\u00cdCIE *\/\n.sec--s2{background:var(--s2)}\n\n\/* ---------- topo ---------- *\/\n.topo{background:var(--s0);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:30}\n.topo__in{max-width:var(--maxw);margin:0 auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}\n.topo__logo img{height:30px;width:auto}\n\n.selo{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:600;\n  letter-spacing:.1em;text-transform:uppercase;padding:.4em .9em;border-radius:var(--r-pilula);\n  color:var(--txt-2);background:var(--s3);\n  box-shadow:var(--linha) 0 0 0 1px inset}\n\n.olho{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:600;\n  letter-spacing:.14em;text-transform:uppercase;color:var(--brasa-cor)}\n.olho::before{content:\"\";width:20px;height:2px;background:var(--brasa-cor);border-radius:2px}\n\n\/* ---------- hero ---------- *\/\n.hero{position:relative;overflow:hidden;padding:clamp(38px,4.4vw,60px) 0 clamp(28px,4vw,52px);\n  background-image:\n    linear-gradient(180deg,rgba(6,9,17,.93) 0%,rgba(6,9,17,.965) 55%,var(--s0) 100%),\n    url('https:\/\/cdn.g-web.link\/gw\/fundo.webp');\n  background-size:cover;background-position:center top;background-repeat:no-repeat}\n\/* atmosfera: gradiente radial em opacidade baixa, quase subliminar *\/\n.hero::after{content:\"\";position:absolute;inset:auto -20% -40% -30%;height:560px;pointer-events:none;\n  background:radial-gradient(closest-side,rgba(251,131,27,.11),transparent 72%)}\n\n.palco{position:relative;z-index:1;display:grid;\n  grid-template-columns:minmax(0,540px) minmax(370px,430px);\n  grid-template-areas:\"texto form\";\n  gap:clamp(24px,4vw,64px);align-items:center;justify-content:space-between}\n.palco__texto{grid-area:texto}\n.palco__form{grid-area:form}\n.sub{margin-top:20px;font-size:clamp(1rem,1.6vw,1.13rem);line-height:1.55;color:var(--txt-2);max-width:46ch}\n\n@media (max-width:900px){\n  .palco{grid-template-columns:1fr;grid-template-areas:\"texto\" \"form\";gap:26px}\n}\n\n\/* ---------- superf\u00edcies: eleva\u00e7\u00e3o por cor, zero sombra externa ---------- *\/\n.card{background:var(--s1);border-radius:var(--r-card);padding:clamp(22px,3vw,30px);\n  box-shadow:var(--linha) 0 0 0 1px inset}\n\/* o cart\u00e3o em destaque ganha a aresta acesa embaixo, como equipamento retroiluminado *\/\n.card--aceso{background:var(--s1);\n  box-shadow:var(--linha-forte) 0 0 0 1px inset, rgba(251,131,27,.34) 0 1px 0 0 inset}\n.painel{background:var(--s2);border-radius:var(--r-painel);padding:clamp(26px,4vw,48px)}\n\n\/* ---------- bot\u00f5es ---------- *\/\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;\n  padding:.95em 1.7em;border:0;border-radius:var(--r-campo);cursor:pointer;\n  line-height:1.2;text-align:center;transition:filter .16s ease,transform .12s ease}\n.btn:hover{text-decoration:none}\n\/* \u00daNICO elemento quente da p\u00e1gina. N\u00e3o usar esse gradiente em mais nada. *\/\n.btn--brasa{background:var(--brasa);color:#1c0c00}\n.btn--brasa:hover{filter:brightness(1.07);transform:translateY(-1px)}\n.btn--fantasma{background:var(--s3);color:var(--txt);box-shadow:var(--linha) 0 0 0 1px inset}\n.btn--fantasma:hover{background:#22304f}\n.btn--g{width:100%;font-size:1.05rem;padding:1.08em 1.7em}\n\n\/* ---------- formul\u00e1rio ---------- *\/\n.form{display:flex;flex-direction:column;gap:14px}\n.campo{display:flex;flex-direction:column;gap:6px}\n.campo > span{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3)}\n.campo input,.campo select{width:100%;background:var(--s0);border:0;border-radius:var(--r-campo);\n  color:var(--txt);font:inherit;font-size:1rem;padding:.84em .95em;\n  box-shadow:var(--linha) 0 0 0 1px inset}\n.campo input::placeholder{color:#5a6580}\n.campo input:focus,.campo select:focus{outline:none;\n  box-shadow:var(--azul) 0 0 0 1px inset, rgba(0,161,213,.18) 0 0 0 3px}\n.fone{display:flex;gap:10px}\n.fone select{flex:0 0 7.5rem}\n.fone input{flex:1;min-width:0}\n@media (max-width:420px){.fone select{flex:0 0 6.4rem}}\n.mini{font-size:.82rem;color:var(--txt-3);line-height:1.55}\n\n\/* prova social monocrom\u00e1tica, colada no bot\u00e3o *\/\n.prova{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;\n  font-size:.84rem;color:var(--txt-3)}\n.prova b{color:var(--txt-2);font-weight:600}\n\n\/* ---------- aulas ---------- *\/\n.aulas{display:flex;flex-direction:column;gap:10px}\n.aulas__i{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;\n  background:var(--s1);border-radius:var(--r-card);padding:22px 24px;\n  box-shadow:var(--linha) 0 0 0 1px inset}\n.aulas__n{font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;color:var(--brasa-cor);\n  font-variant-numeric:tabular-nums;line-height:1.4}\n.aulas__t{font-family:'Sora',sans-serif;font-weight:600;font-size:1.02rem;color:var(--txt);display:block;margin-bottom:4px}\n.aulas__d{font-size:.95rem;color:var(--txt-2)}\n\n.pontos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}\n.pontos li{position:relative;padding-left:20px;color:var(--txt-2);font-size:.98rem}\n.pontos li::before{content:\"\";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--azul)}\n.pontos b{color:var(--txt);font-weight:600}\n\n\/* ---------- rodap\u00e9 ---------- *\/\n.rodape{background:var(--s0);border-top:1px solid var(--linha);padding:36px 0}\n.rodape__in{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;align-items:center;\n  justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.85rem;color:var(--txt-3)}\n.rodape a{color:var(--txt-3)}\n\n.nada{display:none!important}\n@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\n\n\/* ==========================================================================\n   BLOCO SOBRE \u00b7 mesmo padr\u00e3o que o Gabriel j\u00e1 usa em outros sites: foto sem\n   tratamento (sem o fade que a foto do hero usa), nome grande em caixa alta,\n   cargo, bio em 2 par\u00e1grafos, link no fim. Sora+Inter, nunca uma 3\u00aa fonte.\n   ========================================================================== *\/\n.sobre{display:flex;gap:clamp(28px,4.5vw,52px);align-items:flex-start}\n.sobre__foto{width:260px;flex:0 0 auto;border-radius:10px;box-shadow:var(--linha) 0 0 0 1px inset}\n.sobre__corpo{flex:1 1 auto;min-width:0;padding-top:4px}\n.sobre__nome{font-family:'Sora',sans-serif;font-weight:700;text-transform:uppercase;\n  font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.01em;color:var(--txt);line-height:1.1}\n.sobre__cargo{margin-top:6px;font-size:.86rem;font-weight:600;letter-spacing:.06em;\n  text-transform:uppercase;color:var(--brasa-cor)}\n.sobre__bio{margin-top:16px;display:flex;flex-direction:column;gap:12px;max-width:56ch}\n.sobre__bio p{color:var(--txt-2);font-size:.98rem;line-height:1.6}\n@media (max-width:640px){\n  .sobre{flex-direction:column;align-items:center;text-align:center}\n  .sobre__foto{width:180px}\n  .sobre__bio{max-width:100%}\n}\n\n\/* ==========================================================================\n   FORMUL\u00c1RIO HORIZONTAL \u00b7 segunda chamada, no fim da p\u00e1gina. Campos numa\n   linha s\u00f3, bot\u00e3o na ponta. Quebra pra coluna sozinho em telas estreitas\n   pelo flex-wrap, sem media query dedicada.\n   ========================================================================== *\/\n.form-h{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;max-width:920px;margin:0 auto}\n.form-h .campo{flex:1 1 170px;min-width:150px;gap:6px}\n.form-h .campo--fone{flex:1 1 200px}\n.form-h .btn{flex:1 1 200px;white-space:nowrap}\n@media (max-width:640px){\n  .form-h{flex-direction:column;align-items:stretch}\n  .form-h .campo,.form-h .btn{flex:1 1 auto}\n}\n\n\/* ==========================================================================\n   P\u00c1GINA DE VENDAS DO MINI-CURSO\n   Herda tudo acima. S\u00f3 o que \u00e9 novo entra aqui.\n\n   Regra da v2 mantida: UM \u00fanico elemento quente na tela, o bot\u00e3o. A tabela\n   de custos usa frio dos dois lados, sen\u00e3o ela compete com o CTA.\n   ========================================================================== *\/\n\n\/* ---------- hero em coluna \u00fanica: nada disputa aten\u00e7\u00e3o com o v\u00eddeo ---------- *\/\n.topo-hero{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}\n\/* teto proprio: com o h1 global (3.5rem) a frase quebrava em 4 linhas. *\/\n.topo-hero h1{font-size:clamp(2.1rem,4.6vw,3rem)}\n.sub--centro{margin-left:auto;margin-right:auto;max-width:60ch}\n\n\/* ---------- v\u00eddeo ---------- *\/\n.video{position:relative;z-index:1;max-width:800px;margin:clamp(24px,3vw,34px) auto 0}\n.video__quadro{position:relative;aspect-ratio:16\/9;border-radius:var(--r-card);overflow:hidden;\n  background:var(--s1);box-shadow:var(--linha-forte) 0 0 0 1px inset}\n.video__quadro iframe,.video__quadro video{position:absolute;inset:0;width:100%;height:100%;border:0}\n\/* placeholder \u2014 sai quando o embed real entrar *\/\n.video__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;\n  align-items:center;justify-content:center;gap:16px;color:var(--txt-3);text-align:center}\n.video__placeholder p{font-size:.9rem;line-height:1.5}\n.video__placeholder small{font-size:.78rem;color:#5a6580}\n.video__play{width:60px;height:60px;border-radius:50%;background:var(--s3);\n  box-shadow:var(--linha-forte) 0 0 0 1px inset;position:relative}\n.video__play::after{content:\"\";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);\n  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--txt-3)}\n\n.cta-hero{position:relative;z-index:1;margin-top:clamp(24px,3.2vw,34px);text-align:center}\n.cta-hero .mini{margin-top:12px}\n\n\/* bot\u00e3o grande que N\u00c3O ocupa a linha inteira (o .btn--g faz isso) *\/\n.btn--g2{font-size:1.06rem;padding:1.1em 2.2em}\n\n\/* ==========================================================================\n   A CONTA \u00b7 a prova visual da p\u00e1gina\n   3 colunas no desktop. No celular o nome ocupa a linha inteira e os dois\n   pre\u00e7os ficam lado a lado, com r\u00f3tulo pr\u00f3prio porque o cabe\u00e7alho some.\n   ========================================================================== *\/\n.conta{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:8px}\n\n.conta__cab,.conta__l,.conta__total{display:grid;\n  grid-template-columns:1fr 150px 150px;\n  grid-template-areas:\"nome alu seu\";\n  gap:16px;align-items:center}\n\n.conta__cab{padding:0 24px 6px;font-size:.68rem;font-weight:600;letter-spacing:.12em;\n  text-transform:uppercase;color:var(--txt-3)}\n.conta__cab span:nth-child(2),.conta__cab span:nth-child(3){text-align:right}\n\n.conta__l{background:var(--s2);border-radius:var(--r-campo);padding:16px 24px;\n  box-shadow:var(--linha) 0 0 0 1px inset}\n\n.conta__nome{grid-area:nome;color:var(--txt);font-weight:500;font-size:.98rem;line-height:1.35}\n.conta__nome small{display:block;margin-top:3px;font-size:.8rem;font-weight:400;color:var(--txt-3)}\n\n.conta__alu{grid-area:alu;text-align:right;color:var(--txt);font-weight:600;\n  font-size:1.02rem;font-variant-numeric:tabular-nums;line-height:1.25}\n.conta__alu small{font-size:.76rem;font-weight:400;color:var(--txt-3);margin-left:3px}\n\n.conta__seu{grid-area:seu;text-align:right;color:var(--verde);font-weight:600;\n  font-size:1.02rem;font-variant-numeric:tabular-nums;line-height:1.25}\n.conta__seu small{display:block;font-size:.76rem;font-weight:400;color:var(--txt-3)}\n\n\/* linha do total: mesma grade, peso visual maior *\/\n.conta__total{background:var(--s3);border-radius:var(--r-campo);padding:22px 24px;margin-top:6px;\n  box-shadow:var(--linha-forte) 0 0 0 1px inset}\n.conta__total .conta__nome strong{font-family:'Sora',sans-serif;font-size:1.06rem;color:var(--txt)}\n.conta__alu--big,.conta__seu--big{font-size:clamp(1.25rem,2.4vw,1.6rem);font-family:'Sora',sans-serif}\n.conta__alu--big small,.conta__seu--big small{display:block;font-size:.74rem;margin-left:0}\n\n@media (max-width:680px){\n  .conta__cab{display:none}\n  .conta__l,.conta__total{grid-template-columns:1fr 1fr;\n    grid-template-areas:\"nome nome\" \"alu seu\";gap:14px;padding:16px 18px}\n  .conta__alu,.conta__seu{text-align:left}\n  .conta__alu::before{content:\"Pre\u00e7o de tabela\";display:block;font-size:.62rem;font-weight:600;\n    letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin-bottom:3px}\n  .conta__seu::before{content:\"No seu servidor\";display:block;font-size:.62rem;font-weight:600;\n    letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin-bottom:3px}\n}\n\n\/* frase de fechamento da se\u00e7\u00e3o, destacada sem virar cart\u00e3o *\/\n.frase{border-left:2px solid var(--brasa-cor);padding-left:clamp(18px,2.4vw,26px)}\n.frase p:first-child{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--txt);line-height:1.4;\n  font-family:'Sora',sans-serif;font-weight:600;letter-spacing:-.015em}\n\n\/* ==========================================================================\n   OFERTA + CHECKOUT\n   ========================================================================== *\/\n.oferta{display:grid;grid-template-columns:1fr minmax(360px,420px);\n  gap:clamp(28px,4.5vw,64px);align-items:start;max-width:1060px;margin:0 auto}\n.oferta__pitch{padding-top:6px}\n.oferta__form{position:sticky;top:86px}\n\n@media (max-width:920px){\n  .oferta{grid-template-columns:1fr;gap:32px}\n  .oferta__form{position:static}\n}\n\n\/* bloco de pre\u00e7o no topo do cart\u00e3o *\/\n.preco{text-align:center;padding-bottom:20px;margin-bottom:20px;\n  border-bottom:1px solid var(--linha)}\n.preco__label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.1em;\n  text-transform:uppercase;color:var(--txt-3)}\n.preco__valor{display:block;margin-top:8px;font-family:'Sora',sans-serif;font-weight:700;\n  font-size:clamp(2.4rem,6vw,3.2rem);line-height:1;letter-spacing:-.03em;color:var(--txt)}\n.preco__nota{display:block;margin-top:8px;font-size:.85rem;color:var(--txt-3)}\n\n.erro{margin:0;padding:12px 14px;border-radius:var(--r-campo);font-size:.88rem;\n  color:#ffc9b8;background:rgba(242,96,10,.1);box-shadow:rgba(242,96,10,.3) 0 0 0 1px inset}\n\n\/* ==========================================================================\n   FAQ \u00b7 <details> nativo, sem JS\n   ========================================================================== *\/\n.faq{display:flex;flex-direction:column;gap:8px}\n.faq__i{background:var(--s2);border-radius:var(--r-campo);\n  box-shadow:var(--linha) 0 0 0 1px inset;overflow:hidden}\n.faq__i summary{cursor:pointer;list-style:none;padding:18px 22px;\n  font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;color:var(--txt);\n  display:flex;align-items:center;justify-content:space-between;gap:16px}\n.faq__i summary::-webkit-details-marker{display:none}\n.faq__i summary::after{content:\"\";flex:0 0 auto;width:9px;height:9px;\n  border-right:2px solid var(--txt-3);border-bottom:2px solid var(--txt-3);\n  transform:rotate(45deg);transition:transform .18s ease;margin-top:-4px}\n.faq__i[open] summary::after{transform:rotate(-135deg);margin-top:2px}\n.faq__i p{padding:0 22px 20px;color:var(--txt-2);font-size:.96rem;line-height:1.6;margin:0}\n\n<\/style>\n\n<!doctype html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Infraestrutura de empresa grande, sem a conta de empresa grande<\/title>\n<meta name=\"description\" content=\"3 aulas onde voc\u00ea monta um servidor seu, com site, e-mail marketing, automa\u00e7\u00e3o e WhatsApp rodando. Sem mensalidade por ferramenta e sem limite de uso.\">\n<link rel=\"icon\" href=\"https:\/\/cdn.g-web.link\/gw\/fav.png\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700&#038;family=Inter:wght@400;500;600&#038;display=swap\">\n<link rel=\"stylesheet\" href=\"estilo.css?v=1\">\n<\/head>\n<body>\n\n<header class=\"topo\">\n  <div class=\"topo__in\">\n    <a class=\"topo__logo\" href=\"\/\">\n      <img decoding=\"async\" src=\"https:\/\/cdn.g-web.link\/gw\/logo.png\" alt=\"Gerenciando Web\">\n    <\/a>\n    <span class=\"selo\">Acesso imediato<\/span>\n  <\/div>\n<\/header>\n\n<main>\n\n  <!-- ============================================================\n       HERO \u00b7 headline, subt\u00edtulo, VSL e CTA.\n       O v\u00eddeo \u00e9 o argumento de venda inteiro, ent\u00e3o ele fica em\n       coluna \u00fanica e centralizado: nada disputa aten\u00e7\u00e3o com ele.\n       ============================================================ -->\n  <section class=\"hero\">\n    <div class=\"wrap\">\n      <div class=\"topo-hero\">\n        <span class=\"olho\">Mini-curso \u00b7 3 aulas<\/span>\n        <h1>Infraestrutura de empresa grande,<br>sem a conta de empresa grande<\/h1>\n        <p class=\"sub sub--centro\">\n          Site, e-mail marketing, automa\u00e7\u00e3o e WhatsApp rodando num servidor seu.\n          Sem mensalidade por ferramenta, sem limite de uso e sem depender de ningu\u00e9m.\n          Em 3 aulas voc\u00ea monta o seu, do zero.\n        <\/p>\n      <\/div>\n\n      <!-- V\u00cdDEO \u00b7 trocar o conte\u00fado de .video__quadro pelo embed real.\n           O container j\u00e1 mant\u00e9m 16:9 em qualquer largura. -->\n      <div class=\"video\">\n        <div class=\"video__quadro\">\n          <div class=\"video__placeholder\">\n            <span class=\"video__play\" aria-hidden=\"true\"><\/span>\n            <p>V\u00eddeo de vendas<br><small>substituir pelo embed quando gravado<\/small><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"cta-hero\">\n        <a href=\"#comprar\" class=\"btn btn--brasa btn--g2\">Quero as 3 aulas por R$ 7,97<\/a>\n        <p class=\"mini\">O acesso abre na hora, assim que o pagamento confirma.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       A CONTA \u00b7 a prova visual. \u00c9 a se\u00e7\u00e3o que mais converte, porque\n       o n\u00famero \u00e9 do pr\u00f3prio leitor, n\u00e3o meu.\n       ============================================================ -->\n  <section class=\"sec sec--s1\">\n    <div class=\"wrap\">\n      <div class=\"col\" style=\"text-align:center;margin-bottom:clamp(28px,4vw,44px)\">\n        <h4 style=\"margin-bottom:14px\">A conta que quase ningu\u00e9m faz<\/h4>\n        <h2>Voc\u00ea n\u00e3o paga uma conta. Voc\u00ea paga umas seis.<\/h2>\n        <p class=\"sub sub--centro\" style=\"margin-top:16px\">\n          Os pre\u00e7os abaixo s\u00e3o de um neg\u00f3cio com 5 mil contatos na base, um n\u00famero de WhatsApp\n          com API, um bot no site, duas pessoas no atendimento e um site WordPress.\n        <\/p>\n      <\/div>\n\n      <div class=\"conta\">\n        <div class=\"conta__cab\" aria-hidden=\"true\">\n          <span>Ferramenta<\/span>\n          <span>Pre\u00e7o de tabela<\/span>\n          <span>No seu servidor<\/span>\n        <\/div>\n\n        <div class=\"conta__l\">\n          <span class=\"conta__nome\">E-mail marketing<small>RD Station Basic, 5 mil contatos<\/small><\/span>\n          <span class=\"conta__alu\">R$ 389<small>\/m\u00eas<\/small><\/span>\n          <span class=\"conta__seu\">Mautic<\/span>\n        <\/div>\n        <div class=\"conta__l\">\n          <span class=\"conta__nome\">Automa\u00e7\u00e3o<small>Make Pro<\/small><\/span>\n          <span class=\"conta__alu\">US$ 16<small>\/m\u00eas<\/small><\/span>\n          <span class=\"conta__seu\">n8n<\/span>\n        <\/div>\n        <div class=\"conta__l\">\n          <span class=\"conta__nome\">Chatbot<small>ManyChat Pro<\/small><\/span>\n          <span class=\"conta__alu\">US$ 39<small>\/m\u00eas<\/small><\/span>\n          <span class=\"conta__seu\">Typebot<\/span>\n        <\/div>\n        <div class=\"conta__l\">\n          <span class=\"conta__nome\">API de WhatsApp<small>Z-API Ultimate, por inst\u00e2ncia<\/small><\/span>\n          <span class=\"conta__alu\">R$ 99,99<small>\/m\u00eas<\/small><\/span>\n          <span class=\"conta__seu\">Evolution<\/span>\n        <\/div>\n        <div class=\"conta__l\">\n          <span class=\"conta__nome\">Atendimento<small>Intercom, 2 assentos<\/small><\/span>\n          <span class=\"conta__alu\">US$ 58<small>\/m\u00eas<\/small><\/span>\n          <span class=\"conta__seu\">Chatwoot<\/span>\n        <\/div>\n        <div class=\"conta__l\">\n          <span class=\"conta__nome\">Hospedagem<small>compartilhada travada<\/small><\/span>\n          <span class=\"conta__alu\">R$ 50<small>\/m\u00eas<\/small><\/span>\n          <span class=\"conta__seu\">WordPress<\/span>\n        <\/div>\n\n        <div class=\"conta__total\">\n          <span class=\"conta__nome\"><strong>Total por m\u00eas<\/strong><small>conforme o c\u00e2mbio do dia<\/small><\/span>\n          <span class=\"conta__alu conta__alu--big\">R$ 1.100<small>a R$ 1.200<\/small><\/span>\n          <span class=\"conta__seu conta__seu--big\">R$ 60<small>a R$ 70<\/small><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"col\" style=\"margin-top:clamp(26px,3.5vw,40px)\">\n        <div class=\"frase\">\n          <p>\n            <strong>Software alugado cobra por uso. Servidor cobra por m\u00e1quina.<\/strong>\n          <\/p>\n          <p>\n            Sua base dobra de tamanho, sua conta do e-mail marketing dobra. Contrata mais um\n            atendente, a conta do atendimento sobe. No modelo alugado, crescer \u00e9 ser punido.\n            Sua base dobra no seu servidor e a conta continua exatamente a mesma.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       AS 3 AULAS\n       ============================================================ -->\n  <section class=\"sec\">\n    <div class=\"wrap col\">\n      <h4 style=\"margin-bottom:18px\">O que tem em cada aula<\/h4>\n      <div class=\"aulas\">\n        <div class=\"aulas__i\">\n          <span class=\"aulas__n\">01<\/span>\n          <span>\n            <strong class=\"aulas__t\">Quanto o seu caso custa hoje<\/strong>\n            <span class=\"aulas__d\">\n              A conta completa, item por item, com o pre\u00e7o de cada ferramenta e a substituta de\n              cada uma. Voc\u00ea sai sabendo exatamente quanto paga hoje e quanto pagaria no seu\n              servidor.\n            <\/span>\n          <\/span>\n        <\/div>\n        <div class=\"aulas__i\">\n          <span class=\"aulas__n\">02<\/span>\n          <span>\n            <strong class=\"aulas__t\">Seu servidor no ar, na pr\u00e1tica<\/strong>\n            <span class=\"aulas__d\">\n              Contratar a m\u00e1quina, apontar o dom\u00ednio, instalar o painel e subir as aplica\u00e7\u00f5es.\n              Voc\u00ea faz junto comigo, n\u00e3o s\u00f3 assiste. Separa 40 minutos, porque no fim da aula o\n              servidor \u00e9 seu e est\u00e1 rodando.\n            <\/span>\n          <\/span>\n        <\/div>\n        <div class=\"aulas__i\">\n          <span class=\"aulas__n\">03<\/span>\n          <span>\n            <strong class=\"aulas__t\">O que fazer quando der problema<\/strong>\n            <span class=\"aulas__d\">\n              Porque uma hora d\u00e1, e sempre num s\u00e1bado \u00e0 noite. O que o painel resolve sozinho, e\n              o que fazer quando ele n\u00e3o resolve.\n            <\/span>\n          <\/span>\n        <\/div>\n      <\/div>\n      <p class=\"mini\" style=\"margin-top:16px\">\n        Acesso imediato \u00e0s tr\u00eas. Sem grupo, sem data para come\u00e7ar, sem espera.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       OFERTA + CHECKOUT \u00b7 a \u00e2ncora e o formul\u00e1rio na mesma tela.\n       4 campos: cada campo a mais custa cerca de 13% de convers\u00e3o.\n       ============================================================ -->\n  <section class=\"sec sec--s1\" id=\"comprar\">\n    <div class=\"wrap\">\n      <div class=\"oferta\">\n\n        <div class=\"oferta__pitch\">\n          <h4 style=\"margin-bottom:14px\">A conta final<\/h4>\n          <h2>Voc\u00ea j\u00e1 gastou mais que isso em ferramentas hoje<\/h2>\n          <p style=\"margin-top:18px\">\n            O que voc\u00ea paga hoje d\u00e1 mais de <strong style=\"color:var(--txt)\">R$ 36 por dia<\/strong>,\n            todo dia, sem parar.\n          <\/p>\n          <p>\n            As 3 aulas custam R$ 7,97, uma vez s\u00f3. \u00c9 menos do que a sua estrutura atual\n            consumiu enquanto voc\u00ea lia esta p\u00e1gina.\n          <\/p>\n\n          <ul class=\"pontos\" style=\"margin-top:22px\">\n            <li><b>Acesso imediato<\/b> \u00e0s tr\u00eas aulas, assim que o pagamento confirma<\/li>\n            <li><b>Sem assinatura.<\/b> Pagamento \u00fanico, n\u00e3o renova nada<\/li>\n            <li><b>Fica gravado.<\/b> Voc\u00ea assiste quantas vezes quiser, quando quiser<\/li>\n            <li><b>PIX ou cart\u00e3o<\/b>, no ambiente seguro do Asaas<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"card card--aceso oferta__form\">\n          <div class=\"preco\">\n            <span class=\"preco__label\">Acesso \u00e0s 3 aulas<\/span>\n            <span class=\"preco__valor\">R$ 7,97<\/span>\n            <span class=\"preco__nota\">pagamento \u00fanico<\/span>\n          <\/div>\n\n          <form class=\"form\" id=\"form-checkout\" novalidate>\n            <label class=\"campo\">\n              <span>Seu nome<\/span>\n              <input type=\"text\" name=\"nome\" autocomplete=\"name\" placeholder=\"Nome completo\" required>\n            <\/label>\n\n            <label class=\"campo\">\n              <span>Seu e-mail<\/span>\n              <input type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"voce@seudominio.com.br\" required>\n            <\/label>\n\n            <div class=\"campo\">\n              <span>WhatsApp<\/span>\n              <div class=\"fone\">\n                <select name=\"ddi\" aria-label=\"Pa\u00eds\" class=\"nada\" id=\"ddi\">\n                  <option value=\"55\" selected>BR +55<\/option>\n                  <option value=\"351\">PT +351<\/option>\n                  <option value=\"1\">US +1<\/option>\n                  <option value=\"44\">GB +44<\/option>\n                  <option value=\"34\">ES +34<\/option>\n                  <option value=\"__\">Outro<\/option>\n                <\/select>\n                <input type=\"tel\" name=\"telefone\" inputmode=\"numeric\" autocomplete=\"tel-national\" placeholder=\"51 99999 9999\" required>\n              <\/div>\n              <a href=\"#\" class=\"mini\" id=\"fora\" style=\"align-self:flex-start\">Meu n\u00famero \u00e9 de fora do Brasil<\/a>\n            <\/div>\n\n            <label class=\"campo\">\n              <span>CPF<\/span>\n              <input type=\"text\" name=\"cpf\" inputmode=\"numeric\" placeholder=\"000.000.000-00\" required>\n            <\/label>\n\n            <button type=\"submit\" class=\"btn btn--brasa btn--g\" id=\"cta-comprar\">Comprar por R$ 7,97<\/button>\n\n            <p class=\"erro nada\" id=\"erro\" role=\"alert\"><\/p>\n\n            <p class=\"mini\" style=\"text-align:center\">\n              Voc\u00ea vai para o ambiente seguro do Asaas para escolher entre PIX ou cart\u00e3o.\n            <\/p>\n            <p class=\"prova\"><b>+3.500 alunos<\/b> desde 2014<\/p>\n          <\/form>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       SOBRE\n       ============================================================ -->\n  <section class=\"sec\">\n    <div class=\"wrap col\">\n      <div class=\"sobre\">\n        <img decoding=\"async\" class=\"sobre__foto\" src=\"https:\/\/cdn.g-web.link\/gw\/gabriel.webp\"\n             alt=\"Gabriel Wohlfart\" width=\"260\" height=\"295\" loading=\"lazy\">\n        <div class=\"sobre__corpo\">\n          <h2 class=\"sobre__nome\">Gabriel Wohlfart<\/h2>\n          <span class=\"sobre__cargo\">Fundador \u00b7 Gerenciando Web<\/span>\n          <div class=\"sobre__bio\">\n            <p>\n              Profissional de TI, especialista em WordPress, servidores cloud, Mautic, n8n e\n              automa\u00e7\u00e3o.\n            <\/p>\n            <p>\n              Desde 2014 ajudo empreendedores a parar de depender de terceiro e assumir o\n              controle da pr\u00f3pria infraestrutura, atrav\u00e9s dos cursos e treinamentos da\n              Gerenciando Web. Mais de 3.500 alunos at\u00e9 aqui.\n              <a href=\"https:\/\/gerenciandoweb.com.br\" target=\"_blank\" rel=\"noopener\">Saiba mais&#8230;<\/a>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       D\u00daVIDAS \u00b7 curto de prop\u00f3sito. FAQ longo em ticket baixo\n       levanta obje\u00e7\u00e3o que o comprador ainda n\u00e3o tinha.\n       ============================================================ -->\n  <section class=\"sec sec--s1\">\n    <div class=\"wrap col\">\n      <h4 style=\"margin-bottom:20px\">D\u00favidas r\u00e1pidas<\/h4>\n\n      <div class=\"faq\">\n        <details class=\"faq__i\">\n          <summary>Preciso entender de servidor?<\/summary>\n          <p>\n            N\u00e3o. Antes era dif\u00edcil porque tudo se fazia na m\u00e3o, no terminal. Hoje \u00e9 um painel:\n            voc\u00ea clica em instalar, e seguran\u00e7a, dom\u00ednio e backup j\u00e1 v\u00eam prontos. N\u00e3o vou te\n            pedir para decorar comando nenhum.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq__i\">\n          <summary>Al\u00e9m dos R$ 7,97, tem algum outro custo?<\/summary>\n          <p>\n            Tem a m\u00e1quina, que custa a partir de R$ 30 por m\u00eas no provedor que voc\u00ea escolher.\n            Esse \u00e9 o \u00fanico custo fixo que sobra, no lugar das seis assinaturas. E ele n\u00e3o sobe\n            quando o seu neg\u00f3cio cresce. Eu explico isso em detalhe no v\u00eddeo e na aula 2.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq__i\">\n          <summary>Quando eu recebo o acesso?<\/summary>\n          <p>\n            Na hora em que o pagamento confirma. No PIX \u00e9 quase imediato, no cart\u00e3o leva alguns\n            instantes. Voc\u00ea recebe os dados de acesso por e-mail.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq__i\">\n          <summary>As aulas ficam gravadas?<\/summary>\n          <p>\n            Ficam. \u00c9 pagamento \u00fanico e o acesso n\u00e3o expira: voc\u00ea assiste quantas vezes quiser,\n            no seu ritmo, e volta quando precisar.\n          <\/p>\n        <\/details>\n\n        <details class=\"faq__i\">\n          <summary>Preciso mudar o que j\u00e1 est\u00e1 no ar hoje?<\/summary>\n          <p>\n            N\u00e3o precisa mudar nada. D\u00e1 para come\u00e7ar pelo pr\u00f3ximo site, ou pelo pr\u00f3ximo cliente,\n            e deixar o resto onde est\u00e1.\n          <\/p>\n        <\/details>\n      <\/div>\n\n      <p style=\"text-align:center;margin-top:clamp(28px,4vw,44px)\">\n        <a href=\"#comprar\" class=\"btn btn--brasa btn--g2\">Quero as 3 aulas por R$ 7,97<\/a>\n      <\/p>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<footer class=\"rodape\">\n  <div class=\"rodape__in\">\n    <span>Gerenciando Web \u00b7 desde 2014<\/span>\n    <span><a href=\"https:\/\/gerenciandoweb.com.br\" target=\"_blank\" rel=\"noopener\">gerenciandoweb.com.br<\/a><\/span>\n    <span><a href=\"termos.html\">Termos de uso<\/a> \u00b7 <a href=\"privacidade.html\">Privacidade<\/a><\/span>\n  <\/div>\n<\/footer>\n\n<script>\n\/* ---------------------------------------------------------------------------\n   FASE DE DESIGN. O envio real vai para o \/submit do plugin gw-curso-checkout,\n   que grava o lead, cria o customer no Asaas e devolve a checkout_url.\n   --------------------------------------------------------------------------- *\/\n\n\/* DDI escondido por padr\u00e3o: quase todo o p\u00fablico \u00e9 do Brasil, e um campo a mais\n   no caminho cr\u00edtico custa convers\u00e3o. Quem precisa, revela em um clique. *\/\ndocument.getElementById('fora').addEventListener('click', function (e) {\n  e.preventDefault();\n  document.getElementById('ddi').classList.remove('nada');\n  this.remove();\n});\n\ndocument.getElementById('ddi').addEventListener('change', function (e) {\n  if (e.target.value !== '__') return;\n  var v = prompt('C\u00f3digo do pa\u00eds (s\u00f3 n\u00fameros, ex: 244)');\n  if (!v) { e.target.value = '55'; return; }\n  var d = v.replace(\/\\D+\/g, '');\n  e.target.add(new Option('+' + d, d, true, true), 0);\n});\n\ndocument.getElementById('form-checkout').addEventListener('submit', function (e) {\n  e.preventDefault();\n  alert('Fase de design: o envio ainda n\u00e3o est\u00e1 ligado.\\n\\nO pr\u00f3ximo passo cria o lead e leva ao checkout do Asaas.');\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Infraestrutura de empresa grande, sem a conta de empresa grande Acesso imediato Mini-curso \u00b7 3 aulas Infraestrutura de empresa grande,sem a conta de empresa grande Site, e-mail marketing, automa\u00e7\u00e3o e WhatsApp rodando num servidor seu. Sem mensalidade por ferramenta, sem limite de uso e sem depender de ningu\u00e9m. Em 3 aulas voc\u00ea monta o seu, &#8230; <a title=\"\" class=\"read-more\" href=\"https:\/\/treinamento.gerenciandoweb.net\/?page_id=7\" aria-label=\"Read more about \">Leia mais<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/treinamento.gerenciandoweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}