/* NorteLab — tokens do design system NorteLab (tema claro) */
:root{
  --rio:#0B2B2C; --mata:#13704F; --urucum:#E4572E; --urucum-texto:#B8411C; --acai:#4B1D45; --cupuacu:#F2DFB8;
  --superficie:#F4F6F3; --superficie-elevada:#FFFFFF; --tinta:#0B2B2C; --tinta-suave:#4F6360; --linha:#D5DDD9; --sobre-mata:#FFFFFF; --foco:#13704F;
  --claro:#F4F6F3; --claro-suave:#B9C7C3; --mata-claro:#3FB884; --urucum-claro:#F2774F;
  --font-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --font-sans:"Albert Sans","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --e1:4px; --e2:8px; --e3:16px; --e4:24px; --e5:40px; --e6:64px;
  --raio-sm:6px; --raio-md:10px; --raio-lg:14px; --raio-pill:999px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--superficie);color:var(--tinta);font:400 17px/27px var(--font-sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--mata)}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:2px solid var(--foco);outline-offset:2px;border-radius:2px}

.faixa{max-width:1160px;margin:0 auto;padding-left:max(var(--e3), env(safe-area-inset-left, 0px));padding-right:max(var(--e3), env(safe-area-inset-right, 0px))}
@media (min-width:720px){.faixa{padding-left:max(var(--e5), env(safe-area-inset-left, 0px));padding-right:max(var(--e5), env(safe-area-inset-right, 0px))}}

.display{font:700 clamp(38px,6.2vw,64px)/1.04 var(--font-display);letter-spacing:-0.025em}
.titulo{font:600 clamp(26px,3.6vw,36px)/1.15 var(--font-display);letter-spacing:-0.015em}
.subtitulo{font:500 19px/25px var(--font-display);letter-spacing:-0.005em}
.rotulo{font:600 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--urucum-texto)}
.dado{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums}
.lead{font-size:19px;line-height:30px;max-width:56ch;color:var(--tinta)}
.intro{max-width:60ch;color:var(--tinta-suave)}
.nota{font-size:14px;line-height:22px;color:var(--tinta-suave)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:48px;padding:12px 22px;border-radius:var(--raio-md);font:600 15px/20px var(--font-sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.btn-mata{background:var(--mata);color:var(--sobre-mata)}
.btn-mata:hover{background:#0F5C41}
.btn-linha{border-color:var(--tinta);color:var(--tinta);background:transparent}
.btn-linha:hover{background:var(--tinta);color:var(--claro)}
.btn-sm{min-height:40px;padding:8px 16px}

.seta{flex:none;width:12px;height:10px;margin-top:9px;background:var(--urucum);clip-path:polygon(50% 0,100% 100%,0 100%)}

/* Topo */
.topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--superficie) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha);padding-top:env(safe-area-inset-top,0px)}
.topo-in{display:flex;align-items:center;gap:var(--e4);min-height:72px}
.marca{display:block;line-height:0}
.marca svg{height:34px;width:auto}
.menu{display:flex;gap:var(--e4);margin-left:auto}
.menu a{color:var(--tinta);text-decoration:none;font-weight:600;font-size:15px}
.menu a:hover{color:var(--mata)}
@media (max-width:860px){.menu{display:none}.topo .btn{margin-left:auto}}
@media (max-width:400px){.marca svg{height:28px}.topo .btn{padding:8px 12px}}

/* Hero */
.hero{padding-block:var(--e6) var(--e6)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--e6);align-items:center}
.hero-texto{display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.acoes{display:flex;flex-wrap:wrap;gap:var(--e3);margin-top:var(--e2)}
.garantias{list-style:none;margin:var(--e2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--e2);font-size:15px;color:var(--tinta-suave)}
.garantias li{display:flex;gap:10px}
.garantias .seta{margin-top:6px}

.hero-fone{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--e3)}
.hero-fone figcaption{font-size:13px;color:var(--tinta-suave);text-align:center}
.fone{width:min(300px,100%);aspect-ratio:9/18.5;background:var(--rio);border-radius:38px;padding:12px;position:relative}
.fone::before{content:"";position:absolute;inset:-18px -26px auto auto;width:120px;height:120px;background:var(--urucum);border-radius:var(--raio-lg);z-index:-1}
.fone::after{content:"";position:absolute;inset:auto auto -22px -30px;width:150px;height:96px;background:var(--cupuacu);border-radius:var(--raio-lg);z-index:-1}
.fone-tela{height:100%;background:var(--superficie-elevada);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:22px 16px 16px;font-size:13px;line-height:17px}
.app-topo{display:flex;gap:10px;align-items:center}
.app-topo b{display:block;font:600 14px/18px var(--font-display)}
.app-topo small,.app-item small{color:var(--tinta-suave);font-size:12px}
.app-logo{width:38px;height:38px;border-radius:12px;background:var(--acai)}
.app-abas{display:flex;gap:6px}
.app-abas span{padding:4px 10px;border-radius:var(--raio-pill);background:var(--superficie);font-weight:600;font-size:12px}
.app-abas .ativa{background:var(--rio);color:var(--claro)}
.app-item{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--linha);border-radius:12px}
.app-item>div{flex:1;min-width:0;display:flex;flex-direction:column}
.app-item b{font-size:13px}
.app-item .dado{font-size:13px}
.app-foto{width:44px;height:44px;border-radius:10px;flex:none}
.f1{background:var(--acai)}
.f2{background:#6B2C62}
.f3{background:var(--cupuacu)}
.app-pedido{margin-top:auto;background:var(--mata);color:var(--sobre-mata);text-align:center;font-weight:600;padding:11px;border-radius:12px}

@media (max-width:860px){.hero-in{grid-template-columns:minmax(0,1fr)}.hero{padding-block:var(--e5) var(--e6)}.hero-fone{order:2}}

/* Seções */
.secao{padding-block:var(--e6)}
.secao .faixa{display:flex;flex-direction:column;gap:var(--e3)}
.secao .titulo{margin-bottom:var(--e1)}
.secao-rio{background:var(--rio);color:var(--claro)}
.secao-rio .intro,.secao-rio .nota,.secao-rio p{color:var(--claro-suave)}
.secao-rio .rotulo{color:var(--urucum-claro)}
.secao-rio .titulo,.secao-rio .subtitulo{color:var(--claro)}
.secao-cupuacu{background:var(--cupuacu);color:var(--rio)}

.servicos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e3);margin-top:var(--e4)}
.servico{background:var(--superficie-elevada);border:1px solid var(--linha);border-radius:var(--raio-lg);padding:var(--e4);display:flex;flex-direction:column;gap:var(--e3)}
.servico p{color:var(--tinta-suave);font-size:15px;line-height:24px;flex:1}
.servico.destaque{border:2px solid var(--mata)}
.preco{display:flex;gap:var(--e4);margin:0;padding-top:var(--e3);border-top:1px solid var(--linha)}
.preco div{display:flex;flex-direction:column;gap:2px}
.preco dt{font-size:12px;color:var(--tinta-suave)}
.preco dd{margin:0;font-size:17px}
@media (max-width:1000px){.servicos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.servicos{grid-template-columns:minmax(0,1fr)}}

.passos{list-style:none;margin:var(--e4) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4);counter-reset:passo}
.passos li{counter-increment:passo;display:flex;flex-direction:column;gap:var(--e2);padding-top:var(--e4);border-top:2px solid color-mix(in srgb, var(--claro) 25%, transparent)}
.passos li::before{content:counter(passo);font:500 14px/1 var(--font-mono);color:var(--urucum-claro)}
.passos p{font-size:15px;line-height:24px}
@media (max-width:860px){.passos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.passos{grid-template-columns:minmax(0,1fr)}}

.manut{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--e5);align-items:center}
.manut>div:first-child{display:flex;flex-direction:column;gap:var(--e3)}
.plano{background:var(--superficie-elevada);border:2px solid var(--mata);border-radius:var(--raio-lg);padding:var(--e4);display:flex;flex-direction:column;gap:var(--e3)}
.plano-preco{display:flex;align-items:baseline;gap:var(--e2)}
.plano-preco .dado{font-size:34px;line-height:1}
.plano-preco span:last-child{color:var(--tinta-suave);font-size:15px}
.plano ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:24px}
.plano li{display:flex;gap:10px}
.plano .seta{margin-top:7px}
@media (max-width:860px){.manut{grid-template-columns:minmax(0,1fr)}}

.porque{gap:var(--e5)!important}
.porque-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5)}
.porque-lista div{display:flex;flex-direction:column;gap:var(--e2)}
.porque-lista p{font-size:15px;line-height:24px}
@media (max-width:760px){.porque-lista{grid-template-columns:minmax(0,1fr);gap:var(--e4)}}

.duvidas{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--e5);align-items:start}
.duvidas>div:first-child{display:flex;flex-direction:column;gap:var(--e3)}
.faq{display:flex;flex-direction:column}
.faq details{border-bottom:1px solid var(--linha)}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--e3);padding:var(--e3) 0;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 20px/1 var(--font-mono);color:var(--mata)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:var(--e3);color:var(--tinta-suave);max-width:62ch}
@media (max-width:860px){.duvidas{grid-template-columns:minmax(0,1fr)}}

.contato{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--e5);align-items:start}
.contato>div:first-child{display:flex;flex-direction:column;gap:var(--e3)}
.form{background:var(--superficie-elevada);color:var(--tinta);border-radius:var(--raio-lg);padding:var(--e4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e3)}
.form .nota{color:var(--tinta-suave)!important}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo-largo{grid-column:1/-1}
.campo label{font-weight:600;font-size:14px;color:var(--tinta)}
.campo label span{font-weight:400;color:var(--tinta-suave)}
.campo input,.campo select,.campo textarea{font:inherit;font-size:16px;color:var(--tinta);background:var(--superficie-elevada);border:1.5px solid var(--tinta-suave);border-radius:var(--raio-sm);padding:11px 12px;width:100%}
.campo textarea{resize:vertical;min-height:110px}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--foco);outline-offset:1px;border-color:var(--foco)}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:860px){.contato{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.form{grid-template-columns:minmax(0,1fr);padding:var(--e3)}}

.obrigado{min-height:60vh}
.obrigado .faixa{align-items:flex-start}

.rodape{background:var(--rio);color:var(--claro-suave);border-top:1px solid color-mix(in srgb, var(--claro) 15%, transparent);padding-block:var(--e5) calc(var(--e5) + env(safe-area-inset-bottom,0px))}
.rodape-in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.rodape-in svg{height:26px;width:auto}
.rodape-in .nota{margin-left:auto;color:var(--claro-suave)}

/* Etiqueta de oferta */
.oferta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--raio-pill);background:var(--urucum-texto);color:#FFFFFF;font:600 11px/14px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.oferta-seta{width:9px;height:8px;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}
.servico{position:relative}
.servico .oferta{margin-bottom:-4px}
.preco div:first-child dd{color:var(--urucum-texto)}
.plano-preco .dado{color:var(--urucum-texto)}
.oferta-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:var(--e2);padding:12px 16px;border-radius:var(--raio-md);background:var(--cupuacu);color:var(--rio);font-size:15px;line-height:22px}

[hidden]{display:none!important}
.sem-oferta .preco div:first-child dd,.sem-oferta .plano-preco .dado{color:var(--tinta)}

/* Botão flutuante do WhatsApp */
.wa-flutuante{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--mata);color:#FFFFFF;box-shadow:0 6px 18px rgba(11,43,44,.28);text-decoration:none}
.wa-flutuante:hover{background:#0F5C41}
.contato>div:first-child .btn{margin-top:var(--e2)}

/* Portfólio */
.casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3);margin-top:var(--e4)}
.caso{background:var(--superficie-elevada);border:1px solid var(--linha);border-radius:var(--raio-lg);overflow:hidden;display:flex;flex-direction:column}
.caso-topo{background:var(--rio);color:var(--claro);padding:22px 24px;display:flex;align-items:center;min-height:96px}
.caso-corpo{padding:var(--e4);display:flex;flex-direction:column;gap:var(--e2);flex:1}
.caso-corpo>p:not(.caso-cliente){color:var(--tinta-suave);font-size:15px;line-height:24px;flex:1}
.caso-cliente{font-size:13px;line-height:18px;font-weight:600;color:var(--mata)}
.tags{list-style:none;margin:var(--e1) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--raio-pill);background:var(--superficie);border:1px solid var(--linha);color:var(--tinta-suave)}
@media (max-width:900px){.casos{grid-template-columns:minmax(0,1fr)}}

.rodape-link{color:var(--claro);text-decoration:none;font-weight:600;font-size:15px}
.rodape-link:hover{color:var(--mata-claro)}
/* Versão persuasiva: problema → desejo → solução → ação */
.hero2{padding-block:72px 64px;background:var(--rio);color:var(--claro)}
.hero2 .faixa{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.hero2 h1{font:700 clamp(36px,5.6vw,60px)/1.05 var(--font-display);letter-spacing:-.025em}
.hero2 h1 em{font-style:normal;color:var(--urucum-claro)}
.hero2 .lead{color:#C9D5D1;margin-top:20px;max-width:46ch}
.hero2 .acoes{margin-top:28px}
.btn-wa{background:var(--mata-claro);color:#06201A}
.btn-wa:hover{background:#5BCB98}
.btn-claro{border-color:#93A6A2;color:var(--claro);background:transparent}
.btn-claro:hover{background:var(--claro);color:var(--rio)}
.fatos{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;color:#C9D5D1}
.fatos li{display:flex;gap:8px;align-items:center}
.fatos .seta{margin-top:0}
.conversa{background:#0F3536;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:20px;max-width:360px;justify-self:end;width:100%}
.conversa .b{padding:10px 13px;border-radius:14px;max-width:85%}
.conversa .c{align-self:flex-start;background:#1B4446;color:var(--claro);border-bottom-left-radius:4px}
.conversa .n{align-self:flex-end;background:var(--mata-claro);color:#06201A;border-bottom-right-radius:4px}
.conversa small{display:block;font-size:11px;opacity:.7;margin-bottom:2px}
.conversa-rot{font-size:12px;color:#93A6A2;text-align:center}

.dor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3);margin-top:var(--e4)}
.dor article{background:var(--superficie-elevada);border:1px solid var(--linha);border-radius:var(--raio-lg);padding:var(--e4);display:flex;flex-direction:column;gap:10px}
.dor .x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#FBE1DE;color:#B42318;font:700 16px/1 var(--font-sans)}
.dor p{color:var(--tinta-suave);font-size:15px;line-height:24px}

.virada{background:var(--cupuacu);color:var(--rio)}
.virada .faixa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.antes-depois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.antes-depois div{border-radius:var(--raio-lg);padding:20px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:22px}
.antes-depois .antes{background:rgba(11,43,44,.07)}
.antes-depois .depois{background:var(--rio);color:var(--claro)}
.antes-depois b{font:600 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.antes-depois .antes b{color:#7A4B12}
.antes-depois .depois b{color:var(--urucum-claro)}
.antes-depois ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}

.ofertas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e3);margin-top:var(--e4)}
.oferta-card{background:var(--superficie-elevada);border:1px solid var(--linha);border-radius:var(--raio-lg);padding:var(--e4);display:flex;flex-direction:column;gap:10px}
.oferta-card.destaque{border:2px solid var(--mata)}
.oferta-card .para{font-size:13px;font-weight:600;color:var(--mata)}
.oferta-card p{color:var(--tinta-suave);font-size:15px;line-height:23px;flex:1}
.oferta-card .valor{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--linha)}
.oferta-card .valor small{font-size:12px;color:var(--tinta-suave)}
.oferta-card .valor .dado{font-size:22px;color:var(--urucum-texto)}
.linha-oferta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:var(--e3);font-size:15px}

.passos3{list-style:none;margin:var(--e4) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4);counter-reset:p}
.passos3 li{counter-increment:p;display:flex;flex-direction:column;gap:8px}
.passos3 li::before{content:counter(p);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--urucum-claro);color:var(--rio);font:600 16px/1 var(--font-mono)}
.passos3 p{color:#C9D5D1;font-size:15px;line-height:24px}

.secao .faixa.garantias3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.prova ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.prova li{display:flex;gap:12px;font-size:16px;line-height:24px}
.prova li .seta{margin-top:8px}
.caso-mini{background:var(--superficie-elevada);border:1px solid var(--linha);border-radius:var(--raio-lg);padding:var(--e4);display:flex;flex-direction:column;gap:12px}
.caso-mini .lista{display:flex;flex-direction:column;gap:10px}
.caso-mini .lista div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--linha);font-size:15px}
.caso-mini .lista div:last-child{border-bottom:0;padding-bottom:0}

.final{background:var(--rio);color:var(--claro);text-align:center}
.final .faixa{align-items:center}
.final h2{font:700 clamp(28px,4.4vw,44px)/1.1 var(--font-display);max-width:20ch}
.final p{color:#C9D5D1;max-width:52ch}
.final .acoes{justify-content:center}

@media (max-width:960px){.hero2 .faixa,.virada .faixa,.secao .faixa.garantias3{grid-template-columns:minmax(0,1fr)}.conversa{justify-self:start}.ofertas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dor,.passos3,.ofertas,.antes-depois{grid-template-columns:minmax(0,1fr)}.hero2{padding-block:44px 48px}}

/* Garantias em três colunas */
.secao .faixa.garantias3{display:flex}
.garantia-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4);margin-top:var(--e3)}
.garantia-lista>div{display:flex;gap:12px}
.garantia-lista .seta{margin-top:8px}
.garantia-lista b{display:block;font:500 18px/24px var(--font-display);margin-bottom:4px}
.garantia-lista p{color:var(--tinta-suave);font-size:15px;line-height:24px}
@media (max-width:760px){.garantia-lista{grid-template-columns:minmax(0,1fr)}}

/* Portfólio: projetos mantidos */
.portfolio2{background:var(--superficie-elevada);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.casos2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3);margin-top:var(--e4)}
.caso2{border:1px solid var(--linha);border-radius:var(--raio-lg);overflow:hidden;display:flex;flex-direction:column;background:var(--superficie)}
.caso2-topo{background:var(--rio);color:var(--claro);padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:110px}
.status{display:inline-flex;align-items:center;gap:6px;font:600 12px/16px var(--font-sans);padding:4px 10px;border-radius:var(--raio-pill);background:rgba(63,184,132,.18);color:#7FDDB0;white-space:nowrap}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:#3FB884;box-shadow:0 0 0 3px rgba(63,184,132,.25)}
.caso2-corpo{padding:var(--e4);display:flex;flex-direction:column;gap:10px;flex:1}
.caso2-corpo .cli{font-size:13px;font-weight:600;color:var(--mata)}
.caso2-corpo>p.desc{color:var(--tinta-suave);font-size:15px;line-height:24px;flex:1}
.caso2-rodape{display:flex;gap:6px 14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--linha);font-size:13px;color:var(--tinta-suave)}
.caso2-rodape span{display:inline-flex;gap:6px;align-items:center}
.caso2-rodape .seta{margin-top:0;width:9px;height:8px}
.portfolio-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:var(--e4);padding:20px 24px;border-radius:var(--raio-lg);background:var(--cupuacu);color:var(--rio)}
.portfolio-cta p{font:500 18px/26px var(--font-display);max-width:40ch}
@media (max-width:960px){.casos2{grid-template-columns:minmax(0,1fr)}}

/* Formulário opcional */
.form-opcional{margin-top:8px}
.form-opcional summary{cursor:pointer;color:#C9D5D1;text-decoration:underline;font-size:15px;list-style:none}
.form-opcional summary::-webkit-details-marker{display:none}
.form-opcional .form{text-align:left;margin-top:20px;max-width:720px}
@media (max-width:420px){.topo .btn-sm{padding:8px 12px;font-size:13px}}

/* Serviços sem preço: o que inclui + pedir proposta */
.oferta-card .inclui{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px;color:var(--tinta)}
.oferta-card .inclui li{position:relative;padding-left:20px}
.oferta-card .inclui li::before{content:"";position:absolute;left:2px;top:6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--urucum)}
.oferta-card p{flex:0}
.oferta-card .inclui{flex:1}
.oferta-card .valor{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.oferta-card .valor small{font-size:13px}
.oferta-card .valor b{color:var(--tinta)}
.oferta-card .pedir{font-weight:600;font-size:14px;color:var(--mata);text-decoration:none;white-space:nowrap}
.oferta-card .pedir::after{content:" →"}
.oferta-card .pedir:hover{text-decoration:underline}
.proposta-nota{display:flex;gap:12px;align-items:flex-start;margin-top:var(--e4);padding:18px 20px;border-radius:var(--raio-lg);background:var(--cupuacu);color:var(--rio)}
.proposta-nota .seta{margin-top:6px;flex:none}
.proposta-nota p{margin:0;font-size:15px;line-height:23px}
.oferta-card .para{display:block;line-height:19px}
.oferta-card .valor{flex-direction:column;align-items:flex-start;gap:6px}
.oferta-card .valor small{white-space:nowrap}

/* Painel de gestão: cartão largo para empresas */
.painel-card{margin-top:var(--e4);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--e5);padding:var(--e5);border:2px solid var(--rio);background:var(--superficie-elevada)}
.painel-card .pc-info{display:flex;flex-direction:column;gap:10px;min-width:0}
.pc-selo{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--rio);color:var(--cupuacu);padding:5px 12px;border-radius:var(--raio-pill)}
.painel-card .subtitulo{font-size:26px}
.painel-card .pc-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:6px 0 4px}
.pc-mock{background:var(--rio);color:#E8EEEB;border-radius:var(--raio-lg);padding:20px;display:flex;flex-direction:column;gap:14px;align-self:center;box-shadow:0 18px 40px rgba(11,43,44,.18)}
.pm-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px}
.pm-dot{font-size:12px;font-weight:600;background:rgba(255,255,255,.12);padding:3px 10px;border-radius:var(--raio-pill)}
.pm-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pm-kpis div{background:rgba(255,255,255,.07);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.pm-kpis small{font-size:12px;color:#9FB5AF}
.pm-kpis i{display:block;height:6px;border-radius:6px;background:#3FB884}
.pm-graf{height:120px;display:flex;align-items:flex-end;gap:10px;padding:10px;background:rgba(255,255,255,.05);border-radius:10px}
.pm-graf b{flex:1;background:#2A5F5A;border-radius:5px 5px 2px 2px}
.pm-graf b.hj{background:var(--urucum)}
.pm-alerta{display:flex;align-items:center;gap:10px;font-size:13px;background:rgba(228,87,46,.14);color:#FBD3C6;padding:10px 12px;border-radius:10px}
.pm-alerta .seta{border-left-width:7px;border-right-width:7px;border-bottom-width:11px}
@media (max-width:900px){.painel-card{grid-template-columns:minmax(0,1fr);padding:var(--e4)}.painel-card .pc-lista{grid-template-columns:minmax(0,1fr)}}

/* 4 projetos: grade 2x2 em telas largas */
@media (min-width:961px){.casos2:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.caso2 .status.prod{background:#FDF4F0;color:#C2431F}

/* Chat de texto */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat-abrir{position:fixed;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:31;display:flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 16px;border:0;border-radius:var(--raio-pill);background:var(--rio);color:#fff;font:600 15px/1 var(--font-sans);box-shadow:0 6px 18px rgba(11,43,44,.28);cursor:pointer}
.chat-abrir:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
.chat-caixa{position:fixed;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:32;width:min(370px,calc(100vw - 36px));height:min(540px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--superficie-elevada,#fff);border:1px solid var(--linha);border-radius:var(--raio-lg);box-shadow:0 18px 50px rgba(11,43,44,.25);overflow:hidden}
.chat-caixa[hidden]{display:none}
.chat-topo{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--rio);color:#fff}
.chat-topo b{display:block;font-size:16px} .chat-topo small{opacity:.8;font-size:12.5px}
.chat-fechar{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;width:36px;height:36px}
.chat-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--superficie)}
.chat-msg{max-width:85%;padding:9px 12px;border-radius:14px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.chat-msg.nl{align-self:flex-start;background:var(--superficie-elevada,#fff);color:var(--tinta);border:1px solid var(--linha);border-bottom-left-radius:4px}
.chat-msg.eu{align-self:flex-end;background:var(--mata);color:#fff;border-bottom-right-radius:4px}
.chat-msg.digitando{color:var(--tinta-suave);font-style:italic}
.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--linha);background:var(--superficie-elevada,#fff)}
.chat-form textarea{flex:1;resize:none;border:1px solid var(--linha);border-radius:12px;padding:10px 12px;font:15px/1.4 var(--font-sans);max-height:110px;color:var(--tinta);background:var(--superficie)}
.chat-form button{width:44px;border:0;border-radius:12px;background:var(--mata);color:#fff;cursor:pointer;display:grid;place-items:center}
.chat-rodape{margin:0;padding:6px 12px 10px;font-size:12.5px;color:var(--tinta-suave);text-align:center;background:var(--superficie-elevada,#fff)}
.chat-rodape a{color:var(--mata);font-weight:600}
@media (max-width:600px){.chat-abrir span{display:none}.chat-abrir{width:52px;padding:0;justify-content:center}.chat-caixa{left:0;right:0;bottom:0;width:100%;height:min(100dvh,640px);border-radius:var(--raio-lg) var(--raio-lg) 0 0}body.chat-aberto .wa-flutuante,body.chat-aberto .chat-abrir{display:none}}