/* Site público do Blogou. Valores do layout: blogou/source/Blogou Site.dc.html */
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background:#FBFAF8;color:#1C1C1C;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:#1C1C1C;text-decoration:none}
a:hover{color:#F59300}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
.cta-arrow{transition:transform .3s cubic-bezier(.2,.75,.2,1)}
a:hover .cta-arrow{transform:rotate(45deg)}
::selection{background:#FFCE7A;color:#1C1C1C}
button{font-family:Manrope,system-ui,sans-serif;color:#1C1C1C}
input{font-family:Manrope,system-ui,sans-serif}
input:focus{outline:none;border-color:rgba(37,211,102,.75)!important;box-shadow:0 0 0 4px rgba(37,211,102,.18)!important}
:focus-visible{outline:2px solid #C97900;outline-offset:2px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popIn{0%{opacity:0;transform:translateY(18px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bubbleIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.12)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.pagina{position:relative;width:100%;overflow:clip}
.blob{position:absolute;border-radius:50%;pointer-events:none}
.blob.b1{top:-260px;left:-180px;width:820px;height:820px;background:radial-gradient(circle at 35% 35%,rgba(255,153,0,.42),rgba(255,153,0,0) 68%);filter:blur(60px);animation:drift 18s ease-in-out infinite}
.blob.b2{top:120px;right:-240px;width:760px;height:760px;background:radial-gradient(circle at 50% 50%,rgba(120,90,255,.28),rgba(120,90,255,0) 70%);filter:blur(70px);animation:drift 24s ease-in-out infinite reverse}
.blob.b3{top:1500px;left:-200px;width:700px;height:700px;background:radial-gradient(circle at 50% 50%,rgba(0,190,160,.22),rgba(0,190,160,0) 70%);filter:blur(70px)}

/* Topo */
.topo{position:sticky;top:0;z-index:60;padding:12px 16px}
.topo-in{max-width:1180px;margin:0 auto;padding:11px 14px 11px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;border-radius:999px;background:rgba(251,250,248,.72);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 44px -26px rgba(28,28,28,.45),inset 0 1px 0 rgba(255,255,255,.9)}
.topo-logo{display:flex;align-items:center}
.topo-logo img{height:30px;width:auto;display:block}
.topo nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font:500 14.5px Manrope,sans-serif;color:rgba(28,28,28,.66)}
.topo nav a{color:inherit}
.topo nav a:hover{color:#F59300}
.topo-espaco{flex:1}
.topo-entrar{font:600 14.5px Manrope,sans-serif;color:rgba(28,28,28,.7)}
.topo-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:#1C1C1C;color:#fff;font:600 14.5px Manrope,sans-serif;box-shadow:0 10px 24px -12px rgba(28,28,28,.7);transition:background .2s,color .2s}
.topo-cta i{font-size:15px}
.topo-cta:hover{background:#F59300;color:#1C1C1C}

/* Hero */
.hero{position:relative;max-width:1180px;margin:0 auto;padding:52px 28px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:56px;align-items:center}
.selo-vidro{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 9px;border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 30px -14px rgba(28,28,28,.35),inset 0 1px 0 rgba(255,255,255,.9);font:600 12.5px Manrope,sans-serif;color:#1C1C1C}
.selo-vidro span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#FF9900;color:#fff}
.selo-vidro span i{font-size:12px}
.hero h1{margin:22px 0 0;font:600 clamp(38px,5.6vw,62px)/1.05 Sora,sans-serif;letter-spacing:-.032em;text-wrap:balance}
.marca-texto{position:relative;white-space:nowrap}
.marca-texto b{position:relative;z-index:1;font-weight:inherit}
.marca-texto i{position:absolute;left:-4px;right:-4px;bottom:6px;height:16px;background:linear-gradient(90deg,rgba(255,153,0,.75),rgba(255,206,122,.45));border-radius:4px}
.hero-texto{margin:22px 0 0;max-width:520px;font:400 18.5px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.62);text-wrap:pretty}
.hero-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn-laranja{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border:none;border-radius:999px;background:linear-gradient(135deg,#FF9900,#FF7A00);color:#1C1C1C;font:700 15.5px Manrope,sans-serif;box-shadow:0 18px 40px -16px rgba(255,122,0,.85),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .2s}
.btn-laranja:hover{transform:translateY(-2px);color:#1C1C1C}
.btn-laranja i{font-size:16px}
.btn-vidro{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:999px;background:rgba(255,255,255,.6);backdrop-filter:blur(14px);border:1px solid rgba(28,28,28,.1);font:600 15.5px Manrope,sans-serif;color:#1C1C1C;transition:background .2s}
.btn-vidro:hover{background:#fff;color:#1C1C1C}
.btn-vidro i{font-size:19px;color:#F59300}
.prova{display:flex;align-items:center;gap:14px;margin-top:34px}
.prova-fotos{display:flex}
.prova-fotos img{width:38px;height:38px;border-radius:50%;border:2.5px solid #FBFAF8;object-fit:cover;box-sizing:content-box;margin-left:-12px}
.prova-fotos img:first-child{margin-left:0}
.prova-txt{font:400 13.5px/1.45 Manrope,sans-serif;color:rgba(28,28,28,.58)}
.estrelas{display:flex;gap:2px;color:#F59300;font-size:13px}
.prova-txt strong{font-weight:700;color:#1C1C1C}
.hero-visual{position:relative}
.moldura{position:relative;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.55);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);box-shadow:0 40px 90px -40px rgba(28,28,28,.55),inset 0 1px 0 rgba(255,255,255,.9);padding:12px}
.moldura-barra{display:flex;align-items:center;gap:7px;padding:4px 6px 12px}
.moldura-barra span{width:9px;height:9px;border-radius:50%;background:rgba(28,28,28,.16)}
.moldura-barra span:first-child{background:#FF9900}
.moldura-barra em{margin-left:8px;font:500 11.5px ui-monospace,Menlo,monospace;color:rgba(28,28,28,.42)}
.moldura img{display:block;width:100%;height:340px;object-fit:cover;border-radius:16px}
.flutua-wpp{position:absolute;left:-14px;bottom:44px;width:min(236px,72%);box-sizing:border-box;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -22px rgba(28,28,28,.45),inset 0 1px 0 #fff;animation:float 7s ease-in-out infinite}
.flutua-wpp-t{display:flex;align-items:center;gap:9px;font:700 12.5px Manrope,sans-serif}
.flutua-wpp-t span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;background:#25D366;color:#fff}
.flutua-wpp-t i{font-size:15px}
.flutua-wpp p{margin:9px 0 0;font:400 12px/1.45 Manrope,sans-serif;color:rgba(28,28,28,.6)}
.flutua-wpp div.acoes{display:flex;gap:6px;margin-top:10px}
.flutua-wpp .acoes span{padding:5px 11px;border-radius:999px;background:rgba(28,28,28,.07);font:600 11px Manrope,sans-serif}
.flutua-wpp .acoes span:first-child{background:#1C1C1C;color:#fff}
.flutua-metrica{position:absolute;right:-8px;top:-26px;padding:13px 17px;border-radius:16px;background:rgba(28,28,28,.88);backdrop-filter:blur(12px);color:#fff;box-shadow:0 24px 50px -24px rgba(28,28,28,.8);animation:float 9s ease-in-out infinite}
.flutua-metrica small{display:block;font:500 10.5px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.flutua-metrica div{display:flex;align-items:baseline;gap:8px;margin-top:3px}
.flutua-metrica b{font:600 26px Sora,sans-serif}
.flutua-metrica em{font:700 12px Manrope,sans-serif;color:#FFB84D}

/* Integrações e números */
.faixa{max-width:1180px;margin:0 auto;padding:26px 28px 10px}
.faixa-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;padding:20px 26px;border-radius:20px;background:rgba(255,255,255,.5);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 50px -34px rgba(28,28,28,.4)}
.faixa-rot{font:600 12px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(28,28,28,.42)}
.faixa-lista{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font:600 14.5px Manrope,sans-serif;color:rgba(28,28,28,.72)}
.faixa-lista span{display:flex;align-items:center;gap:8px}
.faixa-lista i{font-size:21px}
.numeros{max-width:1180px;box-sizing:border-box;margin:0 auto;padding:34px 28px 10px}
.numeros-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:1px;background:rgba(28,28,28,.09);border-radius:18px;overflow:hidden}
.numeros-in div{background:#FBFAF8;padding:26px 24px}
.numeros-in b{display:block;font:600 34px Sora,sans-serif;letter-spacing:-.03em}
.numeros-in b small{font-size:18px;color:rgba(28,28,28,.4)}
.numeros-in span{display:block;margin-top:5px;font:400 13.5px Manrope,sans-serif;color:rgba(28,28,28,.55)}

/* Blocos comuns */
.secao{max-width:1180px;margin:0 auto;padding:96px 28px 0}
.secao.p88{padding-top:88px}
.secao.p100{padding-top:100px}
.etiqueta{font:600 12px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C97900}
.h2{margin:14px 0 0;font:600 clamp(30px,4.2vw,44px)/1.12 Sora,sans-serif;letter-spacing:-.03em;text-wrap:balance}
.cab-linha{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}

/* Como funciona */
.grade-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin-top:44px}
.passo{padding:26px 22px 24px;border-radius:22px;background:rgba(255,255,255,.62);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 60px -40px rgba(28,28,28,.5),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .2s}
.passo:hover{transform:translateY(-4px)}
.passo-top{display:flex;align-items:center;justify-content:space-between}
.passo-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px}
.passo-ic i{font-size:22px}
.tom-laranja .passo-ic{background:linear-gradient(135deg,rgba(255,153,0,.22),rgba(255,153,0,.06));color:#C97900;border:1px solid rgba(255,153,0,.25)}
.tom-violeta .passo-ic{background:linear-gradient(135deg,rgba(120,90,255,.2),rgba(120,90,255,.05));color:#5B45C7;border:1px solid rgba(120,90,255,.22)}
.tom-verde .passo-ic{background:linear-gradient(135deg,rgba(0,190,160,.2),rgba(0,190,160,.05));color:#0A8C77;border:1px solid rgba(0,190,160,.22)}
.passo-n{font:600 12px ui-monospace,Menlo,monospace;color:rgba(28,28,28,.28)}
.passo h3{margin:18px 0 0;font:600 18px/1.3 Sora,sans-serif;letter-spacing:-.02em}
.passo p{margin:9px 0 0;font:400 14.5px/1.55 Manrope,sans-serif;color:rgba(28,28,28,.6)}
.passo.tom-escuro{background:rgba(28,28,28,.94);color:#fff;border-color:transparent;box-shadow:0 30px 60px -34px rgba(28,28,28,.75)}
.tom-escuro .passo-ic{background:rgba(255,153,0,.2);color:#FFB84D;border:1px solid rgba(255,153,0,.3)}
.tom-escuro .passo-n{color:rgba(255,255,255,.3)}
.tom-escuro p{color:rgba(255,255,255,.62)}

/* Dois braços */
.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px}
.braco{position:relative;overflow:hidden;border-radius:26px;padding:34px 32px}
.braco.claro{background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(255,255,255,.42));backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 34px 70px -44px rgba(28,28,28,.55),inset 0 1px 0 #fff}
.braco.escuro{background:linear-gradient(150deg,rgba(28,28,28,.96),rgba(40,34,60,.94));color:#fff;box-shadow:0 34px 70px -40px rgba(28,28,28,.8)}
.braco:before{content:'';position:absolute;border-radius:50%;filter:blur(30px)}
.braco.claro:before{right:-90px;top:-90px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,153,0,.35),rgba(255,153,0,0) 70%)}
.braco.escuro:before{left:-80px;bottom:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(120,90,255,.5),rgba(120,90,255,0) 70%)}
.selo{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;font:700 11.5px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.selo i{font-size:14px}
.braco .selo{position:relative;background:rgba(255,153,0,.14);color:#C97900}
.braco.escuro .selo{background:rgba(255,255,255,.12);color:#FFB84D}
.braco h3{position:relative;margin:18px 0 0;font:600 30px/1.15 Sora,sans-serif;letter-spacing:-.03em}
.braco p{position:relative;margin:12px 0 0;font:400 15.5px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.62)}
.braco.escuro p{color:rgba(255,255,255,.66)}
.checks{position:relative;display:flex;flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none;font:500 14.5px Manrope,sans-serif}
.checks li{display:flex;align-items:center;gap:10px}
.checks i{font-size:18px;color:#0A8C77}
.braco.escuro .checks i{color:#FFB84D}
.braco img{position:relative;display:block;width:100%;height:170px;object-fit:cover;border-radius:18px;margin-top:26px}
.braco.escuro img{opacity:.9}

/* Diagnóstico */
.grade-2b{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px}
.painel{position:relative;overflow:hidden;padding:34px 32px;border-radius:26px;background:rgba(255,255,255,.66);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 66px -44px rgba(28,28,28,.5),inset 0 1px 0 #fff}
.painel.b{background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.44))}
.painel:before{content:'';position:absolute;border-radius:50%;filter:blur(32px)}
.painel.a:before{left:-90px;bottom:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,190,160,.28),rgba(0,190,160,0) 70%)}
.painel.b:before{right:-80px;top:-100px;width:260px;height:260px;background:radial-gradient(circle,rgba(37,211,102,.3),rgba(37,211,102,0) 70%);filter:blur(30px)}
.painel .selo{position:relative}
.painel.a .selo{background:rgba(0,190,160,.14);color:#0A8C77}
.painel.b .selo{background:rgba(37,211,102,.16);color:#0B7C41}
.painel h3{position:relative;margin:18px 0 0;font:600 30px/1.15 Sora,sans-serif;letter-spacing:-.03em;text-wrap:balance}
.painel.a h3{max-width:520px}
.painel.b h3{font-size:26px;line-height:1.18}
.painel p{position:relative;margin:12px 0 0;font:400 15.5px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.62)}
.painel.a p{max-width:540px}
.painel.b p{font-size:15px}
.metricas{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,96px),1fr));gap:10px;margin-top:24px}
.metricas div{padding:16px 14px;border-radius:16px;background:rgba(28,28,28,.04);border:1px solid rgba(28,28,28,.07)}
.metricas small{display:block;font:500 10.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(28,28,28,.45)}
.metricas b{display:block;margin-top:4px;font:600 22px Sora,sans-serif;letter-spacing:-.03em}
.metricas div.on{background:linear-gradient(135deg,rgba(255,153,0,.16),rgba(255,153,0,.05));border-color:rgba(255,153,0,.25)}
.metricas div.on small,.metricas div.on b{color:#C97900}
.avisos{position:relative;display:flex;flex-direction:column;gap:9px;margin-top:22px}
.aviso{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:16px 16px 16px 6px;background:#fff;border:1px solid rgba(28,28,28,.07);box-shadow:0 12px 30px -22px rgba(28,28,28,.4)}
.aviso i{font-size:17px;margin-top:1px}
.aviso div{font:400 13px/1.45 Manrope,sans-serif;color:rgba(28,28,28,.72)}
.aviso strong{font-weight:700;color:#1C1C1C}
.aviso span{color:#0B7C41;text-decoration:underline}

/* Recursos */
.link-mais{font:600 15px Manrope,sans-serif;color:#C97900;display:inline-flex;align-items:center;gap:7px}
.grade-rec{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin-top:42px}
.recurso{padding:26px 24px;border-radius:20px;background:rgba(255,255,255,.6);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 22px 50px -38px rgba(28,28,28,.5),inset 0 1px 0 #fff;transition:transform .2s,background .2s}
.recurso:hover{background:#fff;transform:translateY(-3px)}
.recurso i{font-size:27px}
.recurso h3{margin:14px 0 0;font:600 17.5px Sora,sans-serif;letter-spacing:-.02em}
.recurso p{margin:8px 0 0;font:400 14.5px/1.55 Manrope,sans-serif;color:rgba(28,28,28,.6)}

/* Blog */
.blog-sub{margin:12px 0 0;max-width:520px;font:400 16px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.6)}
.btn-todos{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(14px);border:1px solid rgba(28,28,28,.1);font:600 14.5px Manrope,sans-serif;transition:background .2s}
.btn-todos:hover{background:#fff}
.grade-blog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:40px}
.post-destaque{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;border-radius:22px;min-height:340px;background:#1C1C1C;box-shadow:0 26px 60px -40px rgba(28,28,28,.6);transition:transform .2s}
.post-destaque:hover{transform:translateY(-4px)}
.post-destaque img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.post-destaque:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,28,28,.1) 25%,rgba(28,28,28,.94))}
.post-destaque div{position:relative;z-index:1;padding:26px}
.post-destaque em{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(255,153,0,.92);color:#1C1C1C;font:700 11px Manrope,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.post-destaque h3{margin:14px 0 0;font:600 22px/1.25 Sora,sans-serif;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.post-destaque small{display:block;margin-top:10px;font:400 12.5px Manrope,sans-serif;color:rgba(255,255,255,.6)}
.post-grande{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:rgba(255,255,255,.66);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 60px -40px rgba(28,28,28,.5);transition:transform .2s}
.post-grande:hover{transform:translateY(-4px)}
.post-grande img{display:block;width:100%;height:250px;object-fit:cover}
.post-grande>div{padding:24px 24px 26px}
.post-cat{display:flex;align-items:center;gap:10px;font:600 11.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C97900}
.post-cat i{font-style:normal;color:rgba(28,28,28,.3)}
.post-cat em{font-style:normal;color:rgba(28,28,28,.45)}
.post-grande h3{margin:12px 0 0;font:600 24px/1.25 Sora,sans-serif;letter-spacing:-.025em;text-wrap:balance}
.post-grande p{margin:10px 0 0;font:400 15px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.6)}
.post-ler{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font:600 14px Manrope,sans-serif;color:#1C1C1C}
.post-lista{display:flex;flex-direction:column;gap:18px}
.post-mini{display:flex;gap:14px;padding:14px;border-radius:20px;background:rgba(255,255,255,.6);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 46px -38px rgba(28,28,28,.5);transition:background .2s}
.post-mini:hover{background:#fff}
.post-mini img{width:88px;height:88px;border-radius:14px;object-fit:cover;flex:none}
.post-mini em{display:block;font:600 11px Manrope,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#C97900}
.post-mini:nth-child(2) em{color:#5B45C7}
.post-mini:nth-child(3) em{color:#0A8C77}
.post-mini h3{margin:7px 0 0;font:600 15.5px/1.3 Sora,sans-serif;letter-spacing:-.02em}
.post-mini small{display:block;margin-top:7px;font:400 12.5px Manrope,sans-serif;color:rgba(28,28,28,.45)}
.post-semimg{background:linear-gradient(135deg,rgba(255,153,0,.22),rgba(120,90,255,.16))}
.secao-inv .post-destaque{order:3}
.secao-inv .post-grande{order:2}
.secao-inv .post-lista{order:1}

/* Planos */
.centro{text-align:center}
.planos-sub{margin:14px auto 0;max-width:560px;font:400 16px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.6)}
.grade-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin-top:46px;align-items:start}
.plano{padding:32px 28px 30px;border-radius:26px;background:rgba(255,255,255,.66);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 66px -44px rgba(28,28,28,.5),inset 0 1px 0 #fff}
.plano-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.plano h3{margin:0;font:600 20px Sora,sans-serif;letter-spacing:-.02em}
.plano p{position:relative;margin:8px 0 0;font:400 14.5px/1.5 Manrope,sans-serif;color:rgba(28,28,28,.58)}
.plano-de{position:relative;margin-top:22px;font:500 14px Manrope,sans-serif;color:rgba(28,28,28,.45)}
.plano-por{position:relative;display:flex;align-items:baseline;gap:7px;margin-top:2px}
.plano-por b{font:600 46px Sora,sans-serif;letter-spacing:-.04em}
.plano-por span{font:500 15px Manrope,sans-serif;color:rgba(28,28,28,.5)}
.plano-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:14px;border-radius:999px;background:rgba(28,28,28,.06);border:1px solid rgba(28,28,28,.1);font:700 15px Manrope,sans-serif;transition:background .2s,color .2s,transform .2s}
.plano-cta:hover{background:#1C1C1C;color:#fff}
.plano-linha{position:relative;height:1px;background:rgba(28,28,28,.09);margin:26px 0 20px}
.plano ul{position:relative;display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;font:500 14.5px Manrope,sans-serif}
.plano li{display:flex;gap:10px;align-items:flex-start}
.plano li i{font-size:18px;margin-top:1px;color:rgba(28,28,28,.4)}
.plano li i.ph-fill{color:#C97900}
.plano li strong{font-weight:700}
.plano.on{position:relative;padding:34px 30px 32px;background:linear-gradient(160deg,#232323,#1C1C1C 55%,#2A2233);border:none;color:#fff;box-shadow:0 44px 80px -40px rgba(28,28,28,.8);overflow:hidden;transform:translateY(-10px);backdrop-filter:none}
.plano.on:before{content:'';position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,0,.55),rgba(255,153,0,0) 70%);filter:blur(28px)}
.plano.on p{color:rgba(255,255,255,.62)}
.plano.on .plano-de{color:rgba(255,255,255,.5)}
.plano.on .plano-por b{color:#fff}
.plano.on .plano-por span{color:rgba(255,255,255,.55)}
.plano-selo{padding:6px 12px;border-radius:999px;background:#FF9900;color:#1C1C1C;font:700 11px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.plano.on .plano-cta{background:linear-gradient(135deg,#FF9900,#FF7A00);border:none;color:#1C1C1C;box-shadow:0 16px 34px -14px rgba(255,122,0,.9)}
.plano.on .plano-cta:hover{transform:translateY(-2px);color:#1C1C1C;background:linear-gradient(135deg,#FF9900,#FF7A00)}
.plano.on .plano-linha{background:rgba(255,255,255,.14)}
.plano.on li i{color:rgba(255,255,255,.45)}
.plano.on li i.ph-fill{color:#FFB84D}
.planos-nota{margin:26px auto 0;text-align:center;font:400 13.5px Manrope,sans-serif;color:rgba(28,28,28,.5)}
.planos-nota button{padding:0;border:none;background:none;font:600 13.5px Manrope,sans-serif;color:#C97900;cursor:pointer;text-decoration:underline}

/* Depoimentos */
.grade-dep{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.depo{margin:0;padding:34px 32px;border-radius:24px;background:rgba(255,255,255,.68);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 62px -44px rgba(28,28,28,.5)}
.depo>i{font-size:26px}
.depo blockquote{margin:14px 0 0;font:400 19px/1.55 Sora,sans-serif;letter-spacing:-.015em;text-wrap:pretty}
.depo figcaption{display:flex;align-items:center;gap:12px;margin-top:22px}
.depo img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.depo b{display:block;font:700 14.5px Manrope,sans-serif}
.depo span{display:block;font:400 13px Manrope,sans-serif;color:rgba(28,28,28,.55)}

/* FAQ */
.secao.estreita{max-width:900px}
.h2.menor{font-size:clamp(28px,4vw,40px)}
.faq{display:flex;flex-direction:column;gap:12px;margin-top:38px}
.faq details{padding:20px 24px;border-radius:18px;background:rgba(255,255,255,.66);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 46px -40px rgba(28,28,28,.5)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;font:600 16.5px Sora,sans-serif;letter-spacing:-.02em}
.faq summary h3{margin:0;font:inherit;letter-spacing:inherit}
.faq .chev{font-size:16px;color:#C97900;transition:transform .2s}
.faq p{margin:12px 0 0;font:400 15px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.62)}

/* Chamada final */
.final{position:relative;overflow:hidden;border-radius:30px;padding:clamp(34px,5vw,60px) clamp(26px,4.6vw,56px);background:linear-gradient(140deg,#1C1C1C,#241E2E 60%,#2E2418);color:#fff;box-shadow:0 50px 90px -46px rgba(28,28,28,.85)}
.final:before{content:'';position:absolute;right:-120px;bottom:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,0,.5),rgba(255,153,0,0) 68%);filter:blur(40px)}
.final-in{position:relative;max-width:640px}
.final h2{margin:0;font:600 clamp(30px,4.2vw,44px)/1.1 Sora,sans-serif;letter-spacing:-.032em;text-wrap:balance}
.final p{margin:16px 0 0;font:400 17px/1.6 Manrope,sans-serif;color:rgba(255,255,255,.66)}
.final-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.final .btn-laranja{box-shadow:0 18px 40px -16px rgba(255,122,0,.9)}
.btn-escuro{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font:600 15.5px Manrope,sans-serif;cursor:pointer;transition:background .2s}
.btn-escuro:hover{background:rgba(255,255,255,.18)}
.btn-escuro i{font-size:19px;color:#7BE39A}

/* Rodapé */
.rodape{max-width:1180px;margin:0 auto;padding:70px 28px 40px}
.rodape-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:34px}
.rodape-logo{height:28px;width:auto;display:block}
.rodape-marca p{margin:16px 0 0;max-width:300px;font:400 14px/1.6 Manrope,sans-serif;color:rgba(28,28,28,.55)}
.redes{display:flex;gap:10px;margin-top:18px}
.redes a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.6);border:1px solid rgba(28,28,28,.09);transition:background .2s,color .2s}
.redes a:hover{background:#1C1C1C;color:#fff}
.redes i{font-size:18px}
.rodape-tit{font:700 13px Manrope,sans-serif;letter-spacing:.04em}
.rodape-col nav{display:flex;flex-direction:column;gap:9px;margin-top:14px;font:400 14px Manrope,sans-serif;color:rgba(28,28,28,.6)}
.rodape-col a{color:inherit}
.rodape-col a:hover{color:#F59300}
.rodape-fim{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(28,28,28,.09);font:400 13px Manrope,sans-serif;color:rgba(28,28,28,.45)}

/* Páginas internas */
.interna{position:relative;max-width:760px;margin:0 auto;padding:60px 28px 0}
.interna h1{margin:0;font:600 clamp(32px,4.6vw,48px)/1.1 Sora,sans-serif;letter-spacing:-.03em;text-wrap:balance}
.interna-corpo{margin-top:26px;font:400 16.5px/1.7 Manrope,sans-serif;color:rgba(28,28,28,.72)}
.interna-corpo h2{margin:34px 0 0;font:600 22px/1.25 Sora,sans-serif;letter-spacing:-.02em;color:#1C1C1C}
.interna-corpo p{margin:12px 0 0}
.migalha{font:500 13px Manrope,sans-serif;color:rgba(28,28,28,.5);margin-bottom:18px}
.migalha a{color:inherit;text-decoration:underline}

/* Modal do especialista */
.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,13,22,.6);backdrop-filter:blur(8px);animation:fadeIn .22s ease both}
.modal.on{display:flex}
.modal-card{position:relative;width:100%;max-width:404px;border-radius:26px;overflow:hidden;background:#EDE6DE;box-shadow:0 50px 100px -40px rgba(15,13,22,.85);animation:popIn .34s cubic-bezier(.2,.7,.2,1) both}
.modal-top{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0E5C43}
.modal-av{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#1C1C1C;flex:none}
.modal-av img{height:22px;width:auto;filter:brightness(0) invert(1)}
.modal-av i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#25D366;border:2px solid #0E5C43;box-sizing:content-box;width:8px;height:8px}
.modal-nome{flex:1;min-width:0}
.modal-nome b{display:block;font:700 14.5px Manrope,sans-serif;color:#fff}
.modal-nome span{display:block;margin-top:2px;font:400 12px Manrope,sans-serif;color:rgba(255,255,255,.68)}
.modal-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.modal-x:hover{background:rgba(255,255,255,.26)}
.modal-x i{font-size:15px}
.chat{padding:18px 16px;max-height:min(62vh,470px);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#EDE6DE,#E6DED4)}
.chat-dia{display:flex;justify-content:center;margin-bottom:14px}
.chat-dia span{padding:4px 11px;border-radius:8px;background:rgba(28,28,28,.07);font:500 10.5px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:rgba(28,28,28,.5)}
.bolha{max-width:86%;box-sizing:border-box;padding:11px 14px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 2px 6px -3px rgba(28,28,28,.35);animation:bubbleIn .3s ease both}
.bolha p{margin:0;font:400 14px/1.5 Manrope,sans-serif;color:#1C1C1C}
.bolha-hora{margin-top:5px;text-align:right;font:400 10.5px Manrope,sans-serif;color:rgba(28,28,28,.35)}
.bolha.form{margin-top:10px;max-width:94%;padding:14px}
.bolha.form input[type=text],.bolha.form input[type=email],.bolha.form input[type=tel]{width:100%;box-sizing:border-box;padding:12px 13px;border-radius:12px;border:1px solid rgba(28,28,28,.14);background:#FBFAF8;font:500 14px Manrope,sans-serif;transition:border-color .2s,box-shadow .2s;margin-bottom:9px}
.chat-isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.chips button{padding:7px 12px;border-radius:999px;cursor:pointer;font:600 12px Manrope,sans-serif;transition:all .2s;background:#F4F1EC;border:1px solid rgba(28,28,28,.1);color:rgba(28,28,28,.65)}
.chips button.on{background:rgba(14,92,67,.1);border-color:rgba(14,92,67,.45);color:#0E5C43}
.chat-enviar{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:13px;padding:13px;border:none;border-radius:999px;font:700 14.5px Manrope,sans-serif;transition:all .2s;background:rgba(28,28,28,.08);color:rgba(28,28,28,.4);cursor:not-allowed}
.chat-enviar i{font-size:17px}
.chat-enviar.ok{background:#25D366;color:#0B3B24;cursor:pointer;box-shadow:0 14px 30px -14px rgba(37,211,102,.9)}
.chat-nota{margin-top:9px;font:400 11px/1.45 Manrope,sans-serif;color:rgba(28,28,28,.42)}
.chat-erro{display:none;margin-top:9px;font:600 12px/1.4 Manrope,sans-serif;color:#B4332B}
.bolha-eu-w{margin-top:10px;display:flex;justify-content:flex-end;animation:bubbleIn .25s ease both}
.bolha-eu{max-width:80%;padding:11px 14px;border-radius:14px 14px 4px 14px;background:#D9FDD3;box-shadow:0 2px 6px -3px rgba(28,28,28,.3)}
.bolha-eu p{margin:0;font:400 14px/1.5 Manrope,sans-serif;color:#1C1C1C}
.bolha-eu div{margin-top:5px;display:flex;align-items:center;justify-content:flex-end;gap:5px;font:400 10.5px Manrope,sans-serif;color:rgba(28,28,28,.4)}
.bolha-eu i{font-size:13px;color:#3AA0FF}
.digitando{margin-top:10px;display:inline-flex;align-items:center;gap:5px;padding:13px 15px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 2px 6px -3px rgba(28,28,28,.35)}
.digitando span{width:7px;height:7px;border-radius:50%;background:#0E5C43;animation:dot 1.1s infinite}
.digitando span:nth-child(2){animation-delay:.18s}
.digitando span:nth-child(3){animation-delay:.36s}
.chat-fim{margin-top:10px;max-width:90%;padding:16px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 2px 6px -3px rgba(28,28,28,.35);animation:bubbleIn .3s ease both}
.chat-fim-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(37,211,102,.16);color:#0E5C43}
.chat-fim-ic i{font-size:20px}
.chat-fim h3{margin:12px 0 0;font:600 17px/1.25 Sora,sans-serif;letter-spacing:-.02em}
.chat-fim p{margin:8px 0 0;font:400 13.5px/1.55 Manrope,sans-serif;color:rgba(28,28,28,.62)}
.chat-barra{margin-top:14px;height:6px;border-radius:999px;background:rgba(28,28,28,.08);overflow:hidden}
.chat-barra i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#25D366,#0E5C43);transition:width .18s linear}
.chat-dica{margin-top:9px;font:500 11.5px Manrope,sans-serif;color:rgba(28,28,28,.45)}
.chat-abrir{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:13px;border-radius:999px;background:#25D366;color:#0B3B24;font:700 14.5px Manrope,sans-serif}
.chat-abrir:hover{background:#1FBE5C;color:#0B3B24}
.chat-abrir i{font-size:17px}
.oculto{display:none!important}
.so-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Celular. O layout original não tinha estes pontos: acima de 900px nada muda. */
.topo-menu{display:none}
@media (max-width:900px){
  .topo{padding:8px 10px}
  .topo-in{position:relative;padding:8px 8px 8px 16px;gap:8px;border-radius:24px;flex-wrap:wrap}
  .topo-logo img{height:26px}
  .topo-cta{padding:9px 14px;font-size:13.5px}
  .topo-menu{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;padding:0;border:1px solid rgba(28,28,28,.1);border-radius:50%;background:rgba(255,255,255,.7);cursor:pointer}
  .topo-menu i{font-size:18px}
  .topo nav,.topo-entrar{display:none}
  .topo-in.aberto nav{order:5;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:6px 8px 4px;font-size:15.5px}
  .topo-in.aberto nav a{display:block;width:100%;padding:10px 0}
  .topo-in.aberto .topo-entrar{order:6;display:block;width:100%;padding:10px 8px 12px;border-top:1px solid rgba(28,28,28,.08)}
  .hero{padding:32px 20px 28px;gap:44px}
  .faixa{padding:20px 20px 8px}
  .numeros{padding:26px 20px 8px}
  .secao{padding-left:20px;padding-right:20px;padding-top:72px}
  .secao.p88,.secao.p100{padding-top:72px}
  .rodape{padding:56px 20px 32px}
  .moldura img{height:240px}
  .flutua-wpp{left:8px;bottom:18px}
  .flutua-metrica{right:8px;top:-22px}
  .braco,.painel{padding:26px 22px}
  .braco h3,.painel h3{font-size:25px}
  .plano.on{transform:none}
  .plano-de:empty{display:none}
  .numeros-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .numeros-in div{padding:20px 18px}
  .numeros-in b{font-size:28px}
  .final-acoes>*{width:100%;box-sizing:border-box;justify-content:center}
  .hero-acoes>*{flex:1 1 auto;justify-content:center}
  .rodape-fim{flex-direction:column;gap:6px}
}
@media (max-width:360px){
  .marca-texto{white-space:normal}
  .topo-cta{padding:9px 12px;font-size:13px}
  .post-mini{gap:10px;padding:10px}
}