/* Layout direto e comercial — preserva as cores e imagens da Visão Total */
:root{--vt-max:1280px;--vt-gutter:clamp(18px,4vw,56px);--vt-lime:#ccff00}
html{scroll-behavior:smooth}body{background:#050505;overflow-x:hidden}#root{isolation:isolate}
#main-app-header{padding:12px 0!important;background:rgba(5,5,5,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)!important}
#main-app-header>div,main section>div,.max-w-7xl{max-width:var(--vt-max)!important}
#main-app-header>div,main section>div{padding-left:var(--vt-gutter)!important;padding-right:var(--vt-gutter)!important}
h1,h2,h3,.font-display{letter-spacing:-.035em}p{line-height:1.55}

/* HERO: mensagem curta, imagem forte e dois CTAs */
#inicio{min-height:auto!important;padding:118px 0 38px!important;display:flex;align-items:center}
#inicio .grid.grid-cols-1.lg\:grid-cols-12{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr)!important;gap:clamp(28px,4vw,60px)!important}
#inicio .lg\:col-span-5,#inicio .lg\:col-span-7{grid-column:auto!important}
#inicio h1{font-size:clamp(2.75rem,5.3vw,5.7rem)!important;line-height:.92!important;max-width:720px}
#inicio h1+div,#inicio h1+p{max-width:590px}
#inicio p{font-size:clamp(.98rem,1.3vw,1.12rem)!important;color:#d4d4d8!important}
#inicio button,#inicio a{min-height:54px;border-radius:8px!important;padding:0 24px!important}
#inicio [class*="min-h-[380px]"]{min-height:540px!important;border-radius:18px!important}
#inicio [class*="grid-cols-2 sm:grid-cols-4 gap-3"]{display:none!important}
#inicio>.max-w-7xl>div:last-child{display:none!important}
#inicio [class*="bottom-4 grid"]{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
#inicio [class*="bottom-4 grid"]>div:nth-child(n+4){display:none!important}
#inicio [class*="bottom-4 grid"] [class*="h-20"]{height:68px!important}

/* MARCAS: faixa simples, sem excesso de texto */
#partner-brands-grid{gap:10px!important}
#partner-brands-grid>div{padding:14px!important;border-radius:10px!important}
#partner-brands-grid span{display:none!important}

/* SERVIÇOS: cards grandes, imagem e chamada curta */
#servicos{padding:82px 0!important;background:#080808!important}
#servicos>div:last-child>div{display:block!important}
#servicos .lg\:sticky{position:static!important;text-align:center;max-width:800px;margin:0 auto 38px}
#servicos .lg\:sticky h2{font-size:clamp(2.3rem,4.2vw,4.5rem)!important;line-height:.98!important;margin-bottom:14px!important}
#servicos .lg\:sticky>p{max-width:620px;margin:0 auto 24px!important;font-size:1rem!important}
#servicos .lg\:sticky>div.grid{display:none!important}
#servicos .lg\:sticky>a{width:auto!important;border-radius:8px!important}
#servicos .grid.sm\:grid-cols-2.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
#servicos article{border-radius:16px!important;overflow:hidden;min-height:0!important;background:#0c0c0c!important}
#servicos article button>div:first-child{height:300px!important}
#servicos article button>div:last-child{display:none!important}
#servicos article h3{font-size:1.18rem!important}
#servicos article [class*="absolute bottom-0"]{padding:22px!important;background:linear-gradient(transparent,rgba(0,0,0,.92))}
#servicos article [class*="absolute bottom-0"] p{font-size:.83rem!important;max-width:92%}

/* Seções seguintes mais curtas e com foco visual */
main section:not(#inicio):not(#servicos){padding-top:72px!important;padding-bottom:72px!important}
main section h2{font-size:clamp(2.15rem,4vw,4.2rem)!important;line-height:1!important}
main section [class*="rounded-2xl"],main section [class*="rounded-xl"]{border-radius:16px!important}
#projetos img{aspect-ratio:16/10;object-fit:cover}
#diferenciais .grid{gap:14px!important}
#diferenciais .grid>div{padding:24px!important}
#contato h2{max-width:850px;margin-left:auto;margin-right:auto}
#contato p{max-width:650px;margin-left:auto;margin-right:auto}
footer{padding-top:64px!important}

/* CTA flutuante no celular */
@media(max-width:1023px){
 #inicio .grid.grid-cols-1.lg\:grid-cols-12{grid-template-columns:1fr!important}
 #inicio .lg\:col-span-5{text-align:center!important}
 #inicio .lg\:col-span-5>*{margin-left:auto!important;margin-right:auto!important}
 #inicio [class*="min-h-[380px]"]{min-height:430px!important}
 #servicos .grid.sm\:grid-cols-2.xl\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
 :root{--vt-gutter:16px}
 #inicio{padding-top:92px!important;padding-bottom:24px!important}
 #inicio h1{font-size:clamp(2.55rem,13vw,4rem)!important}
 #inicio .inline-flex{padding:8px 12px!important}
 #inicio .flex.flex-col.sm\:flex-row{gap:10px!important}
 #inicio button,#inicio a{width:100%!important}
 #inicio [class*="min-h-[380px]"]{min-height:360px!important;border-radius:14px!important}
 #inicio [class*="bottom-4 grid"]{grid-template-columns:repeat(2,1fr)!important}
 #inicio [class*="bottom-4 grid"]>div:nth-child(3){display:none!important}
 #servicos{padding:62px 0!important}
 #servicos .grid.sm\:grid-cols-2.xl\:grid-cols-3{grid-template-columns:1fr!important;gap:14px!important}
 #servicos article button>div:first-child{height:250px!important}
 main section:not(#inicio):not(#servicos){padding-top:58px!important;padding-bottom:58px!important}
}