/* =========================================================
   TESTE "despoluído": menos elementos disputando atenção.
   Carregado por último; só sobrepõe o que já existe.
   ========================================================= */

/* mais respiro entre as seções */
section{padding:clamp(88px,11vw,150px) 0}

/* Sobre: uma frase forte e um parágrafo, centralizados */
.sobre .w{display:block;max-width:820px;text-align:center}
.sobre p{margin:22px auto 0;max-width:640px}

/* Processo: número em destaque no lugar do ícone */
.st b{position:static;display:block;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ciano)}
.st h3{margin:18px 0 8px}

/* Serviços: o card inteiro é o link, sem texto repetido */
.card:hover h3{color:var(--ciano)}
.card h3{transition:color .3s}

/* conteúdo legível por cima do 3D: fundo mais firme nas seções */
.c3d-on .sobre,.c3d-on .port{background:rgba(6,21,43,.95)}
.c3d-on #servicos,.c3d-on #processo,
.c3d-on #servicos.pagina,.c3d-on #processo.pagina{background:rgba(3,11,25,.93)}

/* orçamento: caixa sólida, o G passa por trás e não cobre o título */
.cta-box{position:relative;z-index:1;background:radial-gradient(ellipse 70% 90% at 50% 0,rgba(10,111,224,.24),transparent 70%),#0a1d38}


/* =========================================================
   Versão em páginas
   ========================================================= */

/* topo das páginas internas: título forte e uma linha */
.pag-topo{padding:clamp(64px,10vw,130px) 0 clamp(28px,4vw,48px);background:radial-gradient(ellipse 50% 80% at 85% 0,rgba(10,111,224,.18),transparent 70%)}
.pag-topo .w>*{max-width:860px}
.pag-topo h1{font-size:clamp(2.3rem,4.6vw,4.2rem);animation:sobe .8s var(--ease) both}
.pag-topo .kick{animation:sobe .7s var(--ease) both}
.pag-topo .lead{margin:22px 0 0;max-width:620px;animation:sobe .9s .08s var(--ease) both}
@keyframes sobe{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.pag-corpo{padding-top:clamp(24px,4vw,48px)}
.interna .port,.interna .sobre{background:transparent}
.interna .sobre .w{text-align:left;max-width:1320px}
.interna .sobre .rv{max-width:760px}
.interna .sobre p{margin:18px 0 28px;max-width:620px}

/* início: três serviços enxutos */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mini{display:block;padding:30px 28px;border:1px solid var(--bd);border-radius:12px;background:var(--card);transition:border-color .3s,transform .3s var(--ease)}
.mini:hover{border-color:var(--ciano);transform:translateY(-4px)}
.mini h3{margin:16px 0 8px;font-size:1.15rem}
.mini p{font-size:.95rem;color:var(--mu)}
.btn.mais{margin-top:clamp(28px,4vw,40px)}
.c3d-on .home-serv{background:rgba(3,11,25,.93)}
@media(max-width:860px){.trio{grid-template-columns:minmax(0,1fr)}}

/* página de contato: a caixa ocupa a tela */
.pag-contato{padding:clamp(56px,9vw,120px) 0}
.pag-contato h1{font-size:clamp(2.3rem,4.6vw,4rem)}

/* ---------- cortina da troca de página ---------- */
#cortina{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#030b19;pointer-events:none;transform:translateY(101%)}
#cortina svg{width:64px;height:64px;opacity:0;transform:scale(.85)}
#cortina i{position:absolute;left:0;right:0;top:0;height:2px;background:var(--ciano);box-shadow:0 0 18px rgba(49,212,255,.8)}
.tr-sai #cortina{pointer-events:auto;animation:cobre .5s cubic-bezier(.76,0,.24,1) forwards}
.tr-sai #cortina svg{animation:marca .35s .2s var(--ease) forwards}
.tr-chega #cortina{transform:none;animation:descobre .6s .08s cubic-bezier(.76,0,.24,1) forwards}
.tr-chega #cortina svg{opacity:1;transform:none;animation:marcaSai .25s forwards}
@keyframes cobre{from{transform:translateY(101%)}to{transform:none}}
@keyframes descobre{from{transform:none}to{transform:translateY(-101%)}}
@keyframes marca{to{opacity:1;transform:none}}
@keyframes marcaSai{to{opacity:0;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){#cortina{display:none}.pag-topo h1,.pag-topo .kick,.pag-topo .lead{animation:none}}

/* ajustes do revisor */
.hero{padding:0}
.so-leitor{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:860px){footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}

/* Instagram e WhatsApp no cabeçalho, junto das abas (09/11) */
.redes{display:flex;align-items:center;gap:8px;margin-left:auto;order:1;position:relative;z-index:2}
#menu{order:2}
#menu-bt{order:3}
.redes a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--bd2);border-radius:50%;color:var(--tx);transition:color .2s,border-color .2s,background .2s}
.redes a:hover{color:var(--ciano);border-color:var(--ciano);background:rgba(49,212,255,.08)}
.redes svg{width:20px;height:20px}
@media(max-width:960px){.redes{margin-right:4px}}
@media(max-width:400px){.nav{gap:10px}.redes{gap:6px}.redes a{width:40px;height:40px}.redes svg{width:18px;height:18px}}
@media(hover:none){.redes a:hover{color:var(--tx);border-color:var(--bd2);background:none}}