/* Site v3 (13/11/2026). Portado do canvas "Site ACE Gestão" do Claude Design:
   papel claro alternado com seções noturnas de textura e grão, Geist fina e
   grande, rótulos em Geist Mono, botões em pílula e a grade de pontos com um
   sinal de cor. Este arquivo substitui estilo.css + ajustes.css na página
   inicial; a tela interna /agenda continua no estilo antigo. */
:root{
  --papel:#F4F5F5;--branco:#FFFFFF;--tinta:#111316;--cinza:#585E64;--nevoa:#7D838A;
  --linha:#DFE2E4;--noite:#0C0E10;--sinal:#E8553B;--erro:#B3261E;
  --display:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --gut:clamp(20px,5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--display);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{text-wrap:balance}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2F6BFF;outline-offset:3px}

.miolo{max-width:1296px;margin:0 auto}
.sec{padding:clamp(88px,10vw,152px) var(--gut)}
.branco{background:var(--branco)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.h2{font-weight:300;font-size:clamp(32px,3.8vw,56px);line-height:1.05;letter-spacing:-.04em}
.h2 span{color:var(--nevoa)}
.texto{font-size:17px;line-height:1.55;color:var(--cinza)}
.cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px}
.cabeca>div{flex:1 1 520px;display:flex;flex-direction:column;gap:16px}
.cabeca>p{flex:0 1 420px}

.pilula{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-family:var(--display);font-size:16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}
.pilula:hover{transform:translateY(-1px);opacity:.92}
.pilula.clara{background:#FAFAFA;color:var(--tinta)}
.pilula.vazada{border-color:rgba(250,250,250,.7);color:#FAFAFA}
.pilula.escura{background:var(--tinta);color:#FAFAFA}
.pilula.linha{border-color:var(--linha);color:var(--tinta);background:transparent}
.pilula.p{min-height:44px;padding:0 20px;font-size:15px}
.grao{position:absolute;inset:0;width:100%;height:100%;opacity:.3;mix-blend-mode:overlay;pointer-events:none}
.ponto{position:absolute;width:6px;height:6px;background:var(--sinal)}

/* TOPO */
.topo{position:relative;min-height:min(100vh,860px);display:flex;flex-direction:column;justify-content:space-between;background:var(--noite);color:#FAFAFA;overflow:hidden}
.topo .luz{position:absolute;inset:0;background:radial-gradient(55% 70% at 74% 36%,rgba(222,164,96,.55),rgba(222,164,96,0) 62%),radial-gradient(42% 55% at 26% 58%,rgba(58,108,118,.62),rgba(58,108,118,0) 70%),radial-gradient(30% 38% at 88% 78%,rgba(160,66,44,.42),rgba(160,66,44,0) 70%),linear-gradient(180deg,#2B3034 0%,#14171A 100%)}
.topo .ripas{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,rgba(255,255,255,0) 2px,rgba(255,255,255,0) 11px)}
.topo .veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,16,.55) 0%,rgba(12,14,16,0) 22%,rgba(12,14,16,.15) 50%,rgba(12,14,16,.78) 100%)}
.barra{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px var(--gut)}
.barra .logo img{height:42px;width:auto}
.barra nav{display:flex;gap:clamp(16px,2.4vw,34px);font-size:15px}
.barra nav a{text-decoration:none;color:rgba(250,250,250,.88)}
.barra nav a:hover{color:#fff}
.barra .pilula{border-color:rgba(250,250,250,.55);color:#FAFAFA}
.heroi{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:40px;padding:96px var(--gut) clamp(44px,6vw,76px)}
.heroi .esq{flex:1 1 560px;max-width:940px;display:flex;flex-direction:column;gap:26px}
.heroi .selo{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,250,250,.82)}
.heroi .selo i{width:8px;height:8px;background:var(--sinal)}
.heroi h1{font-weight:300;font-size:clamp(40px,5.3vw,80px);line-height:1;letter-spacing:-.045em;color:#FAFAFA}
.heroi h1 span{color:rgba(250,250,250,.66)}
.heroi .dir{flex:0 1 400px;display:flex;flex-direction:column;gap:22px}
.heroi .dir p{font-size:19px;line-height:1.42;color:rgba(250,250,250,.9)}
.heroi .acoes{display:flex;gap:10px;flex-wrap:wrap}

/* ONDE JÁ RODA */
.roda{padding:clamp(56px,6vw,88px) var(--gut) clamp(40px,5vw,64px)}
.roda .miolo{display:flex;flex-direction:column;gap:30px}
.roda h2{text-align:center;font-weight:300;font-size:clamp(22px,2vw,28px);letter-spacing:-.02em}
.roda .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px}
.roda a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:128px;background:#E9ECED;border-radius:4px;padding:20px;text-decoration:none;transition:background .2s ease}
.roda a:hover{background:#E1E5E7}
.roda img{width:auto;filter:brightness(0);opacity:.62}
.roda span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--cinza)}

/* TESE: três quadros que mostram o que o texto dizia (14/11/2026) */
.tese{background:var(--branco);padding:clamp(80px,9vw,136px) var(--gut)}
.tese .miolo{display:flex;flex-direction:column;gap:clamp(36px,4vw,56px)}
.tese h2{text-align:center;font-weight:300;font-size:clamp(30px,3.8vw,56px);line-height:1.05;letter-spacing:-.04em}
.tese h2 span{color:var(--nevoa)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.trio li{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.trio .vis{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:clamp(18px,2.4vw,32px);margin-bottom:10px;border-radius:14px;background:var(--papel);border:1px solid var(--linha);overflow:hidden}
.trio .vis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(17,19,22,.13) 1px,transparent 1.3px);background-size:24px 24px;background-position:12px 12px;mask-image:radial-gradient(80% 80% at 50% 50%,transparent 40%,#000)}
.trio .vis svg,.trio .pauta{position:relative;width:100%;height:auto}
.trio li:not(:last-child) .vis::after{content:"";position:absolute;z-index:2;right:10px;top:50%;width:9px;height:9px;border-top:1.5px solid var(--sinal);border-right:1.5px solid var(--sinal);transform:translateY(-50%) rotate(45deg)}
.trio .mono{display:flex;align-items:center;gap:8px}
.trio .mono i{width:6px;height:6px;background:var(--sinal)}
.trio h3{font-weight:400;font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.02em}
.trio svg text{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;fill:var(--tinta)}
.trio .no{fill:#fff;stroke:#C9CED2}
.trio .no.q{stroke:var(--tinta)}
.trio .fio{fill:none;stroke:#9AA0A6;stroke-width:1.2;stroke-dasharray:3 4}
.trio svg text.nota{fill:var(--sinal);font-size:8.5px}
.trio .menu text{fill:rgba(255,255,255,.55);font-size:8px}
.trio .menu text.on{fill:#fff}
.trio svg text.tit{font-family:var(--display);font-size:15px;letter-spacing:-.02em}
.trio .col text{fill:var(--cinza);font-size:7.5px}
.trio .ct{fill:#F4F5F5;stroke:#E1E4E6}.trio .l1{fill:#B9BEC3}.trio .l2{fill:#DADDE0}
.pauta{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:6px 16px;box-shadow:0 18px 40px rgba(17,19,22,.07)}
.pauta .pt{display:flex;justify-content:space-between;padding:12px 0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--cinza)}
.pauta .pt span:last-child{color:var(--nevoa)}
.pauta .pl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:12px 0;border-top:1px solid var(--linha)}
.pauta .pl i{width:14px;height:14px;border:1.5px solid var(--tinta);border-radius:4px}
.pauta .pl:nth-child(2) i{background:var(--sinal);border-color:var(--sinal)}
.pauta .pl b{font-weight:400;font-size:clamp(13px,1.1vw,15px);letter-spacing:-.01em}
.pauta .pl span{grid-column:2;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--cinza)}
@media (max-width:900px){.trio{grid-template-columns:1fr;gap:40px}.trio .vis{aspect-ratio:auto}.trio li:not(:last-child) .vis::after{right:50%;top:auto;bottom:8px;transform:translateX(50%) rotate(135deg)}}

/* PROBLEMA */
/* CASO */
/* MÓDULOS */
.modulos .miolo,.como .miolo{display:flex;flex-direction:column;gap:56px}
.mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--linha);border-left:1px solid var(--linha)}
.mods li{display:flex;flex-direction:column;gap:14px;min-height:220px;padding:28px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.mods .n{font-family:var(--mono);font-size:12px;color:var(--cinza)}
.mods h3,.passos h3{font-weight:400;font-size:22px;letter-spacing:-.02em}
.mods p{font-size:15px;line-height:1.5;color:var(--cinza);flex:1 1 auto}
.mods .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em}
.mods .tag::before{content:"";width:6px;height:6px;background:var(--tinta)}

/* EM OPERAÇÃO */
.sistemas .miolo{display:flex;flex-direction:column;align-items:center;gap:36px}
.sistemas .h2{max-width:820px;text-align:center}
.abas{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border-radius:999px;background:#E6E9EA}
.abas button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--cinza);font-family:var(--display);font-size:15px;cursor:pointer}
.abas button[aria-selected="true"]{background:var(--branco);color:var(--tinta);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.painel{width:100%;display:flex;flex-wrap:wrap;border-radius:16px;overflow:hidden;background:var(--noite);color:#F2F3F4}
.painel .info{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:18px;padding:clamp(28px,4vw,52px)}
.painel .info>img{width:auto;align-self:flex-start;margin-bottom:8px}
.painel .mono{color:rgba(242,243,244,.72)}
.painel h3{font-weight:300;font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:-.035em;color:#FAFAFA}
.painel .info>p:not(.mono){font-size:17px;line-height:1.55;color:rgba(242,243,244,.8)}
.painel ul{margin-top:8px;display:flex;flex-direction:column}
.painel li{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15px;color:#E7E9EA}
.painel li::before{content:"";flex:none;width:6px;height:6px;background:var(--sinal);transform:translateY(-2px)}
.painel .tela{flex:1.4 1 460px;min-width:0;position:relative;min-height:440px;background:#000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,28px)}
.painel .tela img.note{width:100%;max-width:720px;height:auto}
.painel .tela img.fone{position:absolute;right:clamp(12px,4%,48px);bottom:clamp(12px,6%,40px);height:62%;width:auto}

/* COMO FUNCIONA */
.como .h2{max-width:820px}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.passos li{display:flex;flex-direction:column;gap:14px;padding-top:22px;border-top:1px solid var(--tinta)}
.passos .n{font-family:var(--mono);font-size:13px;color:var(--cinza)}
.passos p{font-size:16px;line-height:1.55;color:var(--cinza)}

/* PREÇO */
.preco .miolo{display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:flex-start}
.preco .esq{flex:1 1 420px;display:flex;flex-direction:column;gap:18px}
.preco .esq .texto{max-width:46ch}
.plano{flex:1 1 400px;max-width:520px;display:flex;flex-direction:column;gap:22px;padding:clamp(28px,3vw,40px);border-radius:16px;background:var(--branco);border:1px solid var(--linha)}
.plano .valor{font-weight:300;font-size:44px;letter-spacing:-.04em}
.plano .sub{font-size:15px;color:var(--cinza)}
.plano li{padding:12px 0;border-top:1px solid var(--linha);font-size:16px}
.plano li:last-child{border-bottom:1px solid var(--linha)}
.plano .nota{font-size:14px;color:var(--cinza)}

/* AGENDAR — as classes e ids são os que o app.js espera */
.agendar .miolo{display:flex;flex-direction:column;gap:48px}
.agendar-grid{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,72px)}
.agendar-grid .bloco:first-child{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:18px}
.agendar-grid .bloco:last-child{flex:1.3 1 460px;min-width:0}
.bloco h3{font-weight:400;font-size:20px}
.small{font-size:14px;color:var(--cinza)}
.dias,.horas{display:flex;flex-wrap:wrap;gap:8px}
.dia{display:flex;flex-direction:column;align-items:center;gap:2px;width:64px;padding:10px 0;border-radius:12px;border:1px solid var(--linha);background:var(--branco);color:var(--cinza);font-family:var(--display);font-size:13px;cursor:pointer}
.dia b{font-size:22px;font-weight:300;color:var(--tinta)}
.hora{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);font-family:var(--mono);font-size:14px;cursor:pointer}
.dia:hover,.hora:hover{border-color:var(--tinta)}
.dia.ativo,.hora.ativo{border-color:var(--tinta);background:var(--tinta);color:#FAFAFA}
.dia.ativo b{color:#FAFAFA}
.escolhido{padding-top:18px;border-top:1px solid var(--linha);font-size:15px;color:var(--cinza)}
.escolhido b{display:block;font-weight:400;font-size:18px;color:var(--tinta);margin-bottom:4px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
.campo{display:flex;flex-direction:column;gap:8px;min-width:0}
.campo.full{grid-column:1/-1}
.campo label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza)}
.campo input,.campo select,.campo textarea{width:100%;min-height:44px;border:0;border-bottom:1px solid #C9CED2;border-radius:0;background:transparent;font-family:var(--display);font-size:17px;color:var(--tinta);padding:8px 0}
.campo textarea{min-height:88px;resize:vertical}
.campo input::placeholder,.campo textarea::placeholder{color:#9AA0A6}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--tinta)}
.campo.invalido input,.campo.invalido select,.campo.invalido textarea{border-color:var(--erro)}
.erro{font-size:13px;color:var(--erro)}.erro:empty{display:none}
.aviso{grid-column:1/-1;font-size:15px;color:var(--erro)}.aviso:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .acoes{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.form .acoes button{border:0}
.form .nota{grid-column:1/-1;font-size:13px;color:var(--cinza)}
.sucesso{display:none;flex-direction:column;align-items:flex-start;gap:16px;padding:40px;border-radius:16px;background:var(--papel)}
.sucesso.on{display:flex}
.sucesso .check{width:44px;height:44px;border-radius:50%;border:1px solid var(--tinta);display:grid;place-items:center;font-size:18px}
.sucesso h3{font-weight:300;font-size:34px;letter-spacing:-.03em}
.sucesso p{max-width:56ch;font-size:17px;line-height:1.55;color:var(--cinza)}

/* RODAPÉ */
footer{position:relative;overflow:hidden;background:var(--noite);color:#E7E9EA;padding:clamp(72px,8vw,112px) var(--gut) 0}
footer .miolo{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
footer .marca{flex:1 1 280px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
footer .marca img{height:52px;width:auto}
footer .marca p{font-size:15px;color:rgba(231,233,234,.78)}
footer .col{flex:0 1 180px;display:flex;flex-direction:column;gap:12px}
footer .col.larga{flex:1 1 280px}
footer .mono{font-size:11px;letter-spacing:.1em;color:rgba(231,233,234,.66)}
footer .col a{text-decoration:none;font-size:15px}
footer .col a:hover{text-decoration:underline}
footer .col p:not(.mono){max-width:40ch;font-size:14px;line-height:1.55;color:rgba(231,233,234,.78)}
footer .direitos{position:relative;max-width:1296px;margin:56px auto 0;font-size:13px;color:rgba(231,233,234,.66)}
footer .gigante{margin:8px 0 -.18em;text-align:center;font-weight:500;font-size:clamp(160px,34vw,520px);line-height:.9;letter-spacing:.08em;color:rgba(255,255,255,.05);user-select:none}

@media (max-width:820px){
  .barra nav{display:none}
  .heroi{padding-top:64px}
  .heroi .dir{flex-basis:100%}
  .painel .tela{min-height:0}
  .painel .tela img.fone{height:56%}
  .form{grid-template-columns:1fr}
  .sucesso{padding:28px}
}
@media (max-width:480px){
  .barra .logo img{height:34px}
  .pilula{font-size:15px;padding:0 20px}
  .heroi .acoes .pilula{width:100%}
  .trilho .quadro{height:340px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pilula{transition:none}.pilula:hover{transform:none}}

/* celular: as três abas não cabem numa linha, então a pílula vira caixa */
@media (max-width:480px){.abas{border-radius:26px;width:100%}.abas button{flex:1 1 auto}}

/* Topo B (14/11/2026): fundo preto com o campo de pontos que se organiza */
.topo{background:#0B0D0F}
.topo .campo-pontos{position:absolute;inset:0;width:100%;height:100%}
.topo .veu{background:linear-gradient(180deg,rgba(11,13,15,.55) 0,rgba(11,13,15,0) 22%,rgba(11,13,15,0) 42%,rgba(11,13,15,.9) 100%)}

/* O PROBLEMA por tipo de empresa (14/11/2026): cartões menores, letra maior */
.problema .miolo{display:flex;flex-direction:column;gap:clamp(36px,4vw,56px)}
.dores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dor{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--branco);border:1px solid var(--linha);transition:transform .25s ease,box-shadow .25s ease}
.dor:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(17,19,22,.08)}
.dor-topo{position:relative;height:88px;padding:18px 24px;display:flex;align-items:flex-start}
.dor-topo::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.3px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.dor-topo .mono{position:relative;z-index:1;color:rgba(255,255,255,.92)}
.dor h3{padding:24px 24px 0;font-weight:300;font-size:clamp(24px,2.1vw,30px);line-height:1.12;letter-spacing:-.03em}
.dor ul{padding:18px 24px 26px;display:flex;flex-direction:column}
.dor li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-top:1px solid var(--linha);font-size:17px;line-height:1.4;color:#33383D}
.dor li::before{content:"";flex:none;width:6px;height:6px;background:var(--sinal);transform:translateY(-3px)}
.d-varejo{background:radial-gradient(70% 120% at 85% 0,rgba(236,176,104,.75),transparent 70%),linear-gradient(135deg,#3A2E26,#17120F)}
.d-industria{background:radial-gradient(70% 120% at 85% 0,rgba(110,170,176,.6),transparent 70%),linear-gradient(135deg,#1C2427,#0D1113)}
.d-servicos{background:radial-gradient(70% 120% at 85% 0,rgba(150,140,220,.55),transparent 70%),linear-gradient(135deg,#1E1C2C,#0E0D15)}
.d-clubes{background:radial-gradient(70% 120% at 85% 0,rgba(46,139,103,.75),transparent 70%),linear-gradient(135deg,#132620,#0A1310)}
.d-saude{background:radial-gradient(70% 120% at 85% 0,rgba(224,54,76,.6),transparent 70%),linear-gradient(135deg,#2A1418,#140A0C)}
.d-caixa{background:radial-gradient(70% 120% at 85% 0,rgba(212,170,88,.7),transparent 70%),linear-gradient(135deg,#2E2A22,#121210)}
@media (max-width:1000px){.dores{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dores{grid-template-columns:1fr}.dor-topo{height:64px}}

/* O CASO nas cores da Cravegi: azul profundo e marfim */
.caso{--azul:#00244F;--marfim:#FAF8F5;position:relative;overflow:hidden;background:radial-gradient(60% 70% at 85% 30%,#0A3A75 0,rgba(10,58,117,0) 70%),linear-gradient(160deg,#00244F 0%,#001631 100%);color:var(--marfim);padding:clamp(96px,10vw,152px) var(--gut)}
.caso .pontos{position:absolute;inset:0;background-image:radial-gradient(rgba(250,248,245,.16) 1.2px,transparent 1.5px);background-size:56px 56px;background-position:28px 28px;mask-image:linear-gradient(90deg,#000 0,transparent 70%)}
.caso .miolo{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,80px);align-items:center}
.caso .esq{display:flex;flex-direction:column;gap:24px;min-width:0}
.caso .marca-cliente{height:34px;width:auto;align-self:flex-start}
.caso .mono{display:flex;align-items:center;gap:10px;color:rgba(250,248,245,.75)}
.caso .mono i{width:8px;height:8px;background:var(--sinal)}
.caso h2{font-weight:300;font-size:clamp(32px,3.6vw,54px);line-height:1.06;letter-spacing:-.04em}
.caso .t{max-width:54ch;font-size:18px;line-height:1.55;color:rgba(250,248,245,.82)}
.caso .numero{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-top:1px solid rgba(250,248,245,.16);border-bottom:1px solid rgba(250,248,245,.16)}
.caso .numero b{font-weight:300;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.05em}
.caso .numero span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,248,245,.75)}
.caso .quem{display:flex;flex-direction:column;gap:10px}
.caso .quem p:last-child{max-width:54ch;font-size:16px;line-height:1.5;color:rgba(250,248,245,.9)}
.vitrine{position:relative;aspect-ratio:1.08/1;min-width:0}
.vitrine::before{content:"";position:absolute;left:30%;top:20%;width:55%;height:70%;background:radial-gradient(closest-side,rgba(64,120,200,.32),rgba(64,120,200,0));filter:blur(10px);pointer-events:none}
.vitrine figure{position:absolute;margin:0;min-width:0}
.vitrine img{display:block;width:100%}
.v-editorial{left:61%;top:0;width:39%;height:82%;border-radius:18px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(0,0,0,.85)}
.v-editorial img{height:100%;object-fit:cover;object-position:50% 28%}
.v-editorial::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,22,49,0) 55%,rgba(0,22,49,.6)),linear-gradient(90deg,rgba(0,22,49,.35),rgba(0,22,49,0) 30%)}
.v-note{left:-3%;top:3%;width:72%;z-index:2}
.v-note img{mix-blend-mode:lighten}
.v-foto{border-radius:14px;overflow:hidden;z-index:3;box-shadow:0 30px 50px -30px rgba(0,0,0,.8);aspect-ratio:4/5}
.v-foto img{height:100%;object-fit:cover}
.v-atelie{left:0;top:59%;width:23%}
.v-estojo{left:24.5%;top:59%;width:21%}
.v-estojo img{object-position:50% 60%}
.vitrine figcaption{position:absolute;left:10px;bottom:10px;right:10px;width:max-content;max-width:calc(100% - 20px);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;white-space:nowrap;padding:6px 9px;border-radius:999px;background:rgba(0,22,49,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--marfim)}
.v-fone{left:43%;top:27%;width:25%;z-index:4}

/* iPhone desenhado em CSS: aço escovado, ilha, botões e reflexo no vidro. A
   tela é a captura do próprio ACE Gestão, com o olho fechado (o sistema oculta
   valor, quantidade e nome), sobre uma barra de status. */
.iphone{position:relative;aspect-ratio:1/2.071;border-radius:15.5%/7.5%;padding:4.1%;background:linear-gradient(135deg,#9a9da2 0%,#45474b 8%,#1b1c1f 28%,#111214 62%,#2f3135 88%,#8b8e93 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 0 0 2.5px #07080a,inset 0 0 8px 3px rgba(0,0,0,.55),0 70px 90px -40px rgba(0,6,18,.95),0 30px 50px -26px rgba(0,0,0,.7)}
.iphone::before{content:"";position:absolute;right:-1.3%;top:25%;width:1.3%;height:11%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#26282b,#76797e)}
.iphone::after{content:"";position:absolute;left:-1.3%;top:18%;width:1.3%;height:6%;border-radius:3px 0 0 3px;background:linear-gradient(270deg,#26282b,#76797e)}
.iphone-tela{position:relative;height:100%;border-radius:12.5%/5.8%;overflow:hidden;background:#F5F7FA;container-type:inline-size;display:flex;flex-direction:column}
.iphone-tela::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 26%);pointer-events:none}
.iphone-tela>img{flex:1;min-height:0;height:auto;object-fit:cover;object-position:top}
.status{flex:0 0 5.57%;display:flex;align-items:center;justify-content:space-between;padding:0 7.5% 0 11%;background:#fff;color:#111;font:600 4.3cqw/1 -apple-system,"SF Pro Text",var(--display);letter-spacing:-.01em}
.status .icones{display:flex;align-items:center;gap:1.5cqw}
.status svg{height:2.8cqw;width:auto;fill:#111}
.ilha{position:absolute;top:1.25%;left:50%;transform:translateX(-50%);width:31%;height:3.6%;background:#000;border-radius:999px;z-index:2}
@media (min-width:1001px) and (max-width:1240px){.vitrine figcaption{font-size:8.5px;padding:5px 7px;left:7px;bottom:7px}}
@media (max-width:1000px){.caso .miolo{grid-template-columns:1fr}.vitrine{max-width:760px;width:100%;margin:0 auto}}
@media (max-width:560px){
  .vitrine{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"note note" "fone edit" "fone atel" "esto esto";gap:12px}
  .vitrine::before{left:0;top:30%;width:70%;height:50%}
  .vitrine figure{position:relative;left:auto;top:auto;width:auto;height:auto}
  .v-note{grid-area:note;margin:0 -4%}
  .v-editorial{grid-area:edit;aspect-ratio:4/5}
  .v-atelie{grid-area:atel}
  .v-estojo{grid-area:esto;aspect-ratio:16/9}
  .v-fone{grid-area:fone;align-self:center}
  .vitrine figcaption{font-size:9px;left:8px;bottom:8px;max-width:calc(100% - 16px)}
}

/* PREÇO: uma proposta, três entregas */
.preco .miolo{display:flex;flex-direction:column;align-items:stretch;gap:clamp(36px,4vw,56px)}
.entregas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.entregas .faixa{display:flex;align-items:center;gap:12px;color:var(--cinza)}
.entregas .faixa::after{content:"";flex:1;height:1px;background:var(--tinta);opacity:.25}
.entregas .f-impl{grid-column:1/3}.entregas .f-mens{grid-column:3}
.ent{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.6vw,36px);border-radius:16px;background:var(--branco);border:1px solid var(--linha);min-height:260px}
.ent .n{font-family:var(--mono);font-size:13px;color:var(--cinza)}
.ent h3{font-weight:300;font-size:clamp(26px,2.3vw,34px);line-height:1.08;letter-spacing:-.03em}
.ent p{font-size:17px;line-height:1.5;color:var(--cinza)}
.ent.escuro{background:var(--noite);border-color:var(--noite);color:#FAFAFA;position:relative;overflow:hidden}
.ent.escuro::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.3px);background-size:22px 22px;mask-image:linear-gradient(200deg,#000,transparent 60%)}
.ent.escuro>*{position:relative}
.ent.escuro .n{color:var(--sinal)}
.ent.escuro p{color:rgba(250,250,250,.78)}
.fecho{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(24px,2.6vw,36px);border-radius:16px;background:var(--branco);border:1px solid var(--linha)}
.fecho>div{flex:1 1 420px;display:flex;flex-direction:column;gap:8px}
.fecho .valor{font-weight:300;font-size:clamp(30px,2.8vw,40px);letter-spacing:-.04em}
.fecho .texto{max-width:62ch;font-size:15px}
@media (max-width:900px){.entregas{grid-template-columns:1fr}.entregas .f-impl{grid-column:1;order:0}.entregas .f-mens{grid-column:1;order:3}.ent:nth-of-type(1){order:1}.ent:nth-of-type(2){order:2}.ent.escuro{order:4}.ent{min-height:0}}

/* A consultoria (13/11/2026): o peso da senioridade. Seção noturna como o topo;
   pessoas, entregas e consultorias por setor, tudo da proposta da Paperini (v9),
   sem nome de cliente e sem número de resultado. */
.consultoria{position:relative;overflow:hidden;background:radial-gradient(50% 60% at 88% 12%,rgba(232,85,59,.09),rgba(232,85,59,0) 70%),#0B0D0F;color:#FAFAFA;padding:clamp(96px,10vw,152px) var(--gut)}
.consultoria::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 55%);mask-image:linear-gradient(180deg,#000,transparent 55%);pointer-events:none}
.consultoria .miolo{position:relative;display:flex;flex-direction:column;gap:clamp(48px,6vw,80px)}
.consultoria .mono{color:rgba(250,250,250,.6);display:flex;align-items:center;gap:10px}
.consultoria .mono i{width:8px;height:8px;background:var(--sinal)}
.cons-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px}
.cons-cabeca>div{flex:1 1 620px;display:flex;flex-direction:column;gap:18px}
.cons-cabeca h2{font-weight:300;font-size:clamp(32px,3.8vw,56px);line-height:1.05;letter-spacing:-.04em}
.cons-cabeca h2 span{color:rgba(250,250,250,.55)}
.cons-cabeca .t{flex:0 1 400px;font-size:17px;line-height:1.55;color:rgba(250,250,250,.75)}
.cons-pessoas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pessoa{display:flex;gap:24px;align-items:flex-start;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.012))}
.pessoa .ini{flex:none;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-family:var(--mono);font-size:18px;letter-spacing:.06em;background:#1A1D21;border:1px solid rgba(255,255,255,.14);color:#FAFAFA}
.pessoa h3{font-weight:400;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;margin-bottom:16px}
.pessoa ul{display:flex;flex-direction:column;gap:11px}
.pessoa li{position:relative;padding-left:22px;font-size:16px;line-height:1.45;color:rgba(250,250,250,.84)}
.pessoa li::before{content:"";position:absolute;left:0;top:.66em;width:10px;height:1px;background:var(--sinal)}
.cons-entregas{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}
.cons-entregas .bloco{padding:36px;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px}
.cons-entregas h3{font-weight:300;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em;line-height:1.12;margin-bottom:6px}
.cons-entregas ol li{display:flex;gap:18px;align-items:baseline;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);font-size:17px;line-height:1.4;color:rgba(250,250,250,.88)}
.cons-entregas ol li b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--sinal);letter-spacing:.08em}
.cons-entregas .bloco.destaque{background:#F4F5F5;color:var(--tinta);border-color:transparent}
.consultoria .bloco.destaque .mono{color:var(--cinza)}
.bloco.destaque>p:not(.mono){font-size:16px;line-height:1.5;color:var(--cinza);margin-top:-6px}
.frentes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:14px;overflow:hidden;margin-top:6px}
.frentes li{background:#FFFFFF;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.frentes b{font-weight:500;font-size:16px;letter-spacing:-.01em}
.frentes span{font-size:14px;line-height:1.35;color:var(--cinza)}
.cons-experiencia{display:flex;flex-direction:column;gap:20px}
.casos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.casos article{padding:26px;border-radius:18px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}
.casos h4{font-weight:400;font-size:19px;letter-spacing:-.02em;line-height:1.22}
.casos article>p{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,250,250,.5);margin-bottom:10px}
.casos li{font-size:15px;line-height:1.4;color:rgba(250,250,250,.8);padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:1000px){.cons-pessoas,.cons-entregas{grid-template-columns:1fr}.casos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.casos{grid-template-columns:1fr}.pessoa{padding:24px;flex-direction:column;gap:16px}.cons-entregas .bloco{padding:26px}.frentes{grid-template-columns:1fr 1fr}}

/* Clientes no lugar das marcas da ACE (13/11/2026): Aquiraz Riviera e Serlares */
.painel .info>img.branca{filter:brightness(0) invert(1)}
.painel .tela img.janela{max-width:680px;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.roda .grade{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* Perfis da consultoria com foto e trajetória (13/11/2026) */
.pessoa{display:flex;flex-direction:column;gap:22px;align-items:stretch}
.pessoa header{display:flex;align-items:center;gap:20px}
.pessoa .foto{flex:none;width:96px;height:96px;border-radius:22px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.pessoa .foto.ini{display:grid;place-items:center;font-family:var(--mono);font-size:22px;letter-spacing:.06em;color:rgba(250,250,250,.9);background:linear-gradient(150deg,#22262B,#141619)}
.pessoa header h3{margin:0 0 6px}
.pessoa header .mono{font-size:11px;letter-spacing:.1em;color:rgba(250,250,250,.6)}
.pessoa .resumo{font-size:17px;line-height:1.55;color:rgba(250,250,250,.88)}
.trajeto{margin:0;display:flex;flex-direction:column}
.trajeto>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.trajeto dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sinal);padding-top:3px}
.trajeto dd{margin:0;font-size:15px;line-height:1.5;color:rgba(250,250,250,.8)}
@media (max-width:560px){.pessoa .foto{width:76px;height:76px;border-radius:18px}.trajeto>div{grid-template-columns:1fr;gap:4px}}

/* Consultoria compacta (13/11/2026): mesma altura das outras seções */
.consultoria .miolo{gap:clamp(32px,3.6vw,48px)}
.cons-cabeca h2{font-size:clamp(30px,3.4vw,48px)}
.cons-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pc{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));min-width:0}
.pc header{display:flex;align-items:center;gap:14px}
.pc .foto{flex:none;width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}
.pc h3{font-weight:400;font-size:21px;letter-spacing:-.02em;margin:0 0 4px}
.pc header .mono{font-size:10.5px;letter-spacing:.1em;color:rgba(250,250,250,.55)}
.pc .resumo{font-size:15px;line-height:1.45;color:rgba(250,250,250,.78)}
.pc .linhas{display:flex;flex-direction:column}
.pc .linhas li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid rgba(255,255,255,.09);font-size:14.5px;line-height:1.4;color:rgba(250,250,250,.85)}
.pc .linhas b{font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--sinal)}
.pc.semana{background:#F4F5F5;color:var(--tinta);border-color:transparent}
.consultoria .pc.semana .mono{color:var(--cinza)}
.pc.semana h3{font-weight:300;font-size:clamp(22px,1.9vw,27px);line-height:1.12;letter-spacing:-.03em}
.pc.semana ol{counter-reset:n;display:flex;flex-direction:column}
.pc.semana ol li{counter-increment:n;display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--linha);font-size:14.5px;line-height:1.4}
.pc.semana ol li::before{content:"0" counter(n);font-family:var(--mono);font-size:11px;color:var(--sinal)}
.pc.semana .opcional{margin-top:auto;padding-top:12px;border-top:1px solid var(--linha);font-size:14px;line-height:1.45;color:var(--cinza)}
.pc.semana .opcional b{color:var(--tinta);font-weight:500}
.cons-faixa{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.cons-faixa ul{flex:1 1 640px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cons-faixa li{display:flex;flex-direction:column;gap:3px}
.cons-faixa b{font-weight:400;font-size:15.5px;color:#FAFAFA}
.cons-faixa span{font-size:13px;color:rgba(250,250,250,.55)}
@media (max-width:1000px){.cons-grade{grid-template-columns:1fr 1fr}.pc.semana{grid-column:1/-1}.cons-faixa ul{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cons-grade{grid-template-columns:1fr}}