/* Proposta D (22/10/2026): o site como plataforma de atendimento, na pegada da Zendesk (pedido do Fabio).
   Foto grande na abertura com a avaliação, menu com painéis (Plataforma, Produtos, Soluções, Recursos, Preços),
   cartões grandes arredondados, painel navy com abas, faixas de cor cheia e rodapé em colunas.
   Vem depois do b.css, do sol.css e do c.css, e acerta a tipografia deles para a mesma pegada. */
:root{
  --navy:#001B3D; --navy-2:#0B2A52; --lima:#C1FF72; --lima-2:#D6FF9E; --verde:#1A8C59; --verde-t:#146E46;
  --tinta:#001B3D; --suave:#4A5B6E; --cinza:#F1F3F5; --cinza-2:#E6EAEE; --linha:#DCE2E8; --papel:#FFFFFF;
  --r:28px; --r-m:20px;
  --d1:clamp(40px,5.2vw,74px); --d2:clamp(30px,3.5vw,50px); --d3:clamp(21px,1.7vw,26px);
  --g:18px;
}
@media (min-width:760px){:root{--g:40px}}
@media (min-width:1100px){:root{--g:64px}}
html{scroll-snap-type:none}
body{font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--papel)}

/* a tipografia das páginas herdadas fica na mesma pegada: largura normal, peso médio */
.h1,.h2,.h3,.capa-h,.fecho-h,.hub-n,.pl-n,.s-plano-n{font-stretch:100%!important;font-weight:560!important;letter-spacing:-.022em!important}
.faixa{min-height:0!important}

.d-lar{width:min(1240px,calc(100% - 2 * var(--g)));margin-inline:auto}
.d-h1{font-size:var(--d1);font-weight:560;line-height:1.02;letter-spacing:-.028em;text-wrap:balance;margin:0}
.d-h2{font-size:var(--d2);font-weight:560;line-height:1.06;letter-spacing:-.024em;text-wrap:balance;margin:0}
.d-h3{font-size:var(--d3);font-weight:580;line-height:1.2;letter-spacing:-.012em;margin:0}
.d-p{font-size:clamp(16px,1.25vw,18px);line-height:1.55;color:var(--suave);max-width:38em;margin:0;text-wrap:pretty}
.d-sec{padding-block:clamp(64px,8vw,120px)}
.d-centro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.d-centro .d-p{margin-inline:auto}

/* botões */
.d-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background-color .15s,border-color .15s;white-space:nowrap}
.d-bt-lima{background:var(--lima);color:var(--navy)}
.d-bt-lima:hover{background:var(--lima-2)}
.d-bt-linha{background:transparent;color:var(--navy);border-color:var(--linha)}
.d-bt-linha:hover{border-color:var(--navy)}
.d-escuro .d-bt-linha{color:#fff;border-color:rgba(255,255,255,.35)}
.d-escuro .d-bt-linha:hover{border-color:#fff}
.d-bts{display:flex;flex-wrap:wrap;gap:10px}
.d-lk{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
:focus-visible{outline:2px solid var(--verde);outline-offset:3px}

/* ---------- aviso e topo ---------- */
.d-aviso{background:var(--navy);color:#fff;font-size:14px}
.d-aviso .d-lar{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;padding-block:10px;text-align:center}
.d-aviso b{font-weight:650}
.d-aviso a{color:var(--lima);font-weight:600}
.d-topo{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--cinza-2)}
.d-util{display:none}
.d-topo-in{display:flex;align-items:center;gap:24px;height:68px}
.d-marca img{width:150px;height:auto;display:block}
.d-nav{display:none;align-items:center;gap:2px;margin-left:12px}
.d-nav>li{list-style:none}
.d-nav-bt{appearance:none;background:none;border:0;display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;font:inherit;font-size:15.5px;font-weight:560;color:var(--navy);cursor:pointer;text-decoration:none}
.d-nav-bt:hover,.d-nav-bt[aria-expanded="true"]{background:var(--cinza)}
.d-nav-bt svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.d-nav-bt[aria-expanded="true"] svg{transform:rotate(180deg)}
.d-topo-acoes{display:none;margin-left:auto;gap:8px}
.d-menu-bt{margin-left:auto;appearance:none;background:none;border:1.5px solid var(--linha);border-radius:10px;padding:9px 14px;font:inherit;font-size:15px;font-weight:600;color:var(--navy);cursor:pointer}
@media (min-width:1080px){
  .d-util{display:block;border-bottom:1px solid var(--cinza-2);font-size:13.5px}
  .d-util .d-lar{display:flex;justify-content:flex-end;gap:22px;padding-block:7px}
  .d-util a{color:var(--suave);text-decoration:none}
  .d-util a:hover{color:var(--navy)}
  .d-topo-in{height:76px}
  .d-nav{display:flex}
  .d-topo-acoes{display:flex}
  .d-menu-bt{display:none}
}

/* painéis do menu (computador) e o menu de tela cheia (celular) usam o mesmo conteúdo */
.d-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--cinza-2);box-shadow:0 30px 60px -30px rgba(0,27,61,.35)}
.d-mega[hidden]{display:none}
.d-mega-in{display:grid;gap:28px 40px;padding-block:32px 36px}
.d-mega-col h3{margin:0 0 10px;font-size:13.5px;font-weight:600;color:var(--suave)}
.d-mega-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.d-mega-it{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin-inline:-12px;border-radius:12px;text-decoration:none;color:var(--navy)}
.d-mega-it:hover{background:var(--cinza)}
.d-mega-it b{font-size:16px;font-weight:600}
.d-mega-it span{font-size:14px;line-height:1.4;color:var(--suave)}
.d-mega-it em{font-style:normal;font-size:13px;font-weight:650;color:var(--verde-t)}
.d-mega-lado{border-radius:var(--r-m);overflow:hidden;background:var(--navy);color:#fff;display:flex;flex-direction:column}
.d-mega-lado img{width:100%;height:150px;object-fit:cover}
.d-mega-lado div{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.d-mega-lado b{font-size:17px;font-weight:600}
.d-mega-lado span{font-size:14px;color:#C9D4E2}
.d-mega-lado a{color:var(--lima);font-weight:600;font-size:14.5px}
@media (min-width:1080px){
  .d-mega-in.c3{grid-template-columns:1fr 1fr 300px}
  .d-mega-in.c4{grid-template-columns:repeat(3,1fr) 280px}
}
.d-movel{position:fixed;inset:68px 0 0;z-index:49;background:#fff;overflow:auto;padding:12px var(--g) 40px}
.d-movel[hidden]{display:none}
.d-movel details{border-bottom:1px solid var(--cinza-2)}
.d-movel summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:20px;font-weight:600;cursor:pointer}
.d-movel summary::-webkit-details-marker{display:none}
.d-movel summary::after{content:"+";font-size:24px;font-weight:400}
.d-movel details[open] summary::after{content:"−"}
.d-movel .d-mega-in{padding:0 0 18px}
.d-movel .d-mega-lado{display:none}
.d-movel .d-movel-link{display:block;padding:18px 0;font-size:20px;font-weight:600;border-bottom:1px solid var(--cinza-2);text-decoration:none;color:var(--navy)}
.d-movel .d-bts{margin-top:24px}
.d-movel .d-bt{flex:1}
html.d-travado{overflow:hidden}

/* ---------- abertura com foto ---------- */
.d-hero{position:relative;margin:12px clamp(8px,1vw,14px) 0;border-radius:var(--r);overflow:hidden;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:#fff;background:var(--navy)}
.d-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--foco,70% 30%)}
.d-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,27,61,.92) 0%,rgba(0,27,61,.72) 34%,rgba(0,27,61,.1) 64%,rgba(0,27,61,0) 100%)}
.d-hero-in{position:relative;width:min(1240px,calc(100% - 2 * var(--g)));margin-inline:auto;padding-block:clamp(56px,8vw,96px);display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.d-hero .d-h1{max-width:12.5em}
.d-hero .d-h1 span{color:var(--lima)}
.d-hero .d-p{color:#E3EAF2;max-width:32em}
.d-aval{display:flex;flex-wrap:wrap;gap:10px;width:min(100%,520px)}
.d-aval input{flex:1 1 240px;min-height:50px;padding:0 16px;border-radius:12px;border:0;font:inherit;font-size:16px;color:var(--navy);background:#fff}
.d-aval .d-bt{min-height:50px}
.d-aval-nota{display:flex;align-items:center;gap:8px;font-size:14px;color:#E3EAF2;margin:0}
.d-aval-nota i{width:16px;height:16px;border-radius:50%;background:var(--lima) url("img/ic-ok-navy.svg") center/11px no-repeat}
.d-baloes{position:absolute;right:clamp(16px,5vw,80px);bottom:clamp(24px,6vw,72px);display:none;flex-direction:column;align-items:flex-end;gap:10px;width:290px}
.d-bal{background:#fff;color:#1B2433;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.4;box-shadow:0 18px 40px -16px rgba(0,0,0,.45)}
.d-bal small{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;color:#5D6B80}
.d-bal small i{width:18px;height:18px;border-radius:50%;background:var(--cinza-2)}
.d-bal.ia small i{background:var(--navy)}
.d-bal.ia{margin-right:36px}
.d-credito{position:absolute;right:14px;top:12px;font-size:11px;color:rgba(255,255,255,.75)}
@media (min-width:980px){.d-baloes{display:flex}}
@media (max-width:759px){
  .d-hero{min-height:620px}
  .d-hero::before{background:linear-gradient(180deg,rgba(0,27,61,.15) 0%,rgba(0,27,61,.55) 35%,rgba(0,27,61,.94) 70%)}
}

/* selos de parceria */
.d-selos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 44px;padding-block:40px}
.d-selos p{margin:0;font-size:14px;font-weight:600;color:var(--suave);max-width:15em;line-height:1.35}
.d-selos span{font-size:clamp(17px,1.6vw,21px);font-weight:700;color:#4A5B6E;letter-spacing:-.01em}
.d-selos img{height:20px;width:auto;opacity:.8}

/* ---------- pilha de cartões ligados por uma linha ---------- */
.d-pilha{display:grid;gap:0;margin-top:56px;justify-items:center}
.d-pilha-it{width:100%;display:grid;gap:24px;align-items:center;padding:clamp(24px,3.4vw,44px);border-radius:var(--r);background:var(--cinza);overflow:hidden}
.d-pilha-liga{width:2px;height:56px;background:var(--linha)}
.d-pilha-it .d-num{font-size:14px;font-weight:650;color:var(--verde-t)}
.d-pilha-txt{display:flex;flex-direction:column;gap:12px}
.d-pilha-vis{min-width:0}
.d-pilha-vis img{width:100%;height:auto;border-radius:16px}
@media (min-width:900px){.d-pilha-it{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}}

/* números */
.d-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px;margin-top:44px;text-align:center}
.d-nums b{display:block;font-size:clamp(48px,5.4vw,76px);font-weight:560;letter-spacing:-.03em;line-height:1;color:var(--verde);font-variant-numeric:tabular-nums}
.d-nums p{margin:10px auto 0;max-width:17em;font-size:15.5px;line-height:1.45;color:var(--tinta)}
.d-nums small{display:block;margin-top:6px;font-size:12.5px;color:var(--suave)}

/* ---------- painel navy com abas ---------- */
.d-painel{border-radius:var(--r);background:radial-gradient(120% 90% at 70% 60%,#0B3266 0%,var(--navy) 60%);color:#fff;padding:clamp(28px,5vw,64px) clamp(16px,3vw,40px)}
.d-painel .d-p{color:#C9D4E2}
.d-abas{display:grid;gap:16px;margin-top:40px}
.d-abas-lista{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.d-aba{appearance:none;flex:none;text-align:left;border:0;background:rgba(255,255,255,.06);color:#C9D4E2;padding:14px 18px;border-radius:14px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:inset 3px 0 0 transparent}
.d-aba[aria-selected="true"]{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 3px 0 0 var(--lima)}
.d-aba-p{display:grid;gap:24px;align-items:center;padding:clamp(18px,2.4vw,32px);border-radius:var(--r-m);background:rgba(255,255,255,.06)}
.d-aba-p[hidden]{display:none}
.d-aba-p .d-h3{color:#fff}
.d-aba-p ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.d-aba-p li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:#DCE4EE;font-size:15.5px}
.d-aba-p li::before{content:"";width:14px;height:14px;margin-top:4px;border-radius:50%;background:var(--navy);box-shadow:inset 0 0 0 4px var(--lima)}
.d-aba-vis{display:flex;justify-content:center;min-width:0}
@media (min-width:980px){
  .d-abas{grid-template-columns:260px minmax(0,1fr);align-items:stretch}
  .d-abas-lista{flex-direction:column;overflow:visible}
  .d-aba-p{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}

/* ---------- cartões de produto com foto ---------- */
.d-prods{display:grid;gap:18px;margin-top:48px}
@media (min-width:900px){.d-prods{grid-template-columns:repeat(3,1fr)}}
.d-prod{display:flex;flex-direction:column;border-radius:var(--r);background:var(--cinza);overflow:hidden}
.d-prod>img{width:100%;aspect-ratio:4 / 3;object-fit:cover}
.d-prod-txt{display:flex;flex-direction:column;gap:12px;padding:26px 26px 28px;flex:1}
.d-prod-txt .d-p{font-size:15.5px}
.d-preco-l{margin:auto 0 0;padding-top:6px;font-size:15px;color:var(--suave)}
.d-preco-l b{font-size:26px;font-weight:600;color:var(--navy);letter-spacing:-.02em}

/* faixa navy de borda a borda */
.d-faixa{background:var(--navy);color:#fff}
.d-faixa .d-p{color:#C9D4E2}
.d-faixa-g{display:grid;gap:40px;align-items:center}
@media (min-width:900px){.d-faixa-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}}
.d-socios{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.d-socios figure{margin:0;border-radius:var(--r-m);overflow:hidden;background:var(--navy-2)}
.d-socios img{width:100%;aspect-ratio:1;object-fit:cover}
.d-socios figcaption{padding:12px 14px 14px;font-size:14px;color:#C9D4E2}
.d-socios figcaption b{display:block;color:#fff;font-size:16px;font-weight:600}

/* segmentos */
.d-segs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:44px}
.d-seg{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r-m);background:var(--cinza);text-decoration:none;color:var(--navy);transition:background-color .15s}
.d-seg:hover{background:var(--cinza-2)}
.d-seg b{font-size:18px;font-weight:600}
.d-seg span{font-size:15px;line-height:1.45;color:var(--suave)}

/* integrações */
.d-integ{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.d-integ{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px}}
.d-chips{display:flex;flex-wrap:wrap;gap:10px}
.d-chips span{padding:12px 18px;border-radius:999px;background:var(--cinza);font-size:15.5px;font-weight:600}
.d-chips span.forte{background:var(--navy);color:#fff}

/* recursos */
.d-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin-top:40px}
.d-rec{display:flex;flex-direction:column;gap:10px;min-height:250px;padding:24px;border-radius:var(--r-m);background:var(--cinza);text-decoration:none;color:var(--navy)}
.d-rec small{font-size:13px;font-weight:650;color:var(--verde-t)}
.d-rec b{font-size:18px;font-weight:600;line-height:1.3}
.d-rec span{margin-top:auto;font-size:14.5px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.d-rec time{font-size:13.5px;color:var(--suave)}

/* cartão de preço e chamada final */
.d-cpreco{border-radius:var(--r);background:var(--cinza);padding:clamp(32px,5vw,64px) 20px}
.d-final{background:var(--navy);color:#fff;text-align:center}
.d-final .d-bts{justify-content:center}
.d-faq{max-width:860px;margin:44px auto 0;text-align:left}
.d-faq details{border-top:1px solid rgba(255,255,255,.18)}
.d-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.d-faq summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:17px;font-weight:600;cursor:pointer}
.d-faq summary::-webkit-details-marker{display:none}
.d-faq summary::after{content:"+";font-weight:400;font-size:22px;line-height:1}
.d-faq details[open] summary::after{content:"−"}
.d-faq p{margin:0 0 18px;color:#C9D4E2;line-height:1.55;max-width:44em}

/* ---------- rodapé ---------- */
.d-rod{background:#00122A;color:#C9D4E2;font-size:14.5px}
.d-rod a{color:#E3EAF2;text-decoration:none}
.d-rod a:hover{color:var(--lima)}
.d-rod-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px;padding-block:64px 44px}
.d-rod h3{margin:0 0 14px;color:#fff;font-size:15px;font-weight:650}
.d-rod ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.d-rod-meio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:36px;border-top:1px solid rgba(255,255,255,.12)}
.d-rod-meio p{margin:0;font-size:clamp(28px,3vw,40px);font-weight:560;letter-spacing:-.02em;color:#fff;line-height:1.15}
.d-rod-meio p a{color:var(--lima);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.d-rod-parc{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:13.5px}
.d-rod-pe{display:flex;flex-wrap:wrap;gap:8px 22px;padding-block:22px 36px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}

/* ---------- páginas internas novas ---------- */
.d-capa-int{display:grid;gap:36px;align-items:center;padding-block:clamp(40px,6vw,88px)}
@media (min-width:900px){.d-capa-int{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.d-capa-int img{width:100%;aspect-ratio:5 / 4;object-fit:cover;border-radius:var(--r)}
.d-capa-int .d-h1{font-size:clamp(38px,4.4vw,62px)}
.d-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;margin-top:40px}
.d-card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r-m);background:var(--cinza)}
.d-card b{font-size:19px;font-weight:600}
.d-card p{margin:0;color:var(--suave);line-height:1.5;font-size:15.5px}
.d-card a{margin-top:auto;padding-top:6px}
.d-card.escuro{background:var(--navy);color:#fff}
.d-card.escuro p{color:#C9D4E2}
.d-passos{counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:40px;list-style:none;padding:0}
.d-passos li{counter-increment:p;padding:26px;border-radius:var(--r-m);background:#fff;border:1px solid var(--linha);display:flex;flex-direction:column;gap:8px}
.d-passos li::before{content:counter(p);width:34px;height:34px;border-radius:50%;background:var(--lima);color:var(--navy);font-weight:700;display:flex;align-items:center;justify-content:center}
.d-passos b{font-size:18px;font-weight:600}
.d-passos p{margin:0;color:var(--suave);font-size:15.5px;line-height:1.5}
.d-grupo{padding-block:28px;border-top:1px solid var(--linha);display:grid;gap:18px}
@media (min-width:900px){.d-grupo{grid-template-columns:280px minmax(0,1fr);gap:48px}}
.d-grupo ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px 28px}
.d-grupo li b{display:block;font-weight:600}
.d-grupo li span{color:var(--suave);font-size:15px;line-height:1.45}
.d-ancoras{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.d-ancoras a{padding:10px 16px;border-radius:999px;background:var(--cinza);color:var(--navy);text-decoration:none;font-weight:600;font-size:15px}
.d-ancoras a:hover{background:var(--cinza-2)}
.d-provisoria{background:#FFF6D6;color:#5B4300;font-size:14px}
.d-provisoria p{margin:0;padding-block:9px}

/* ajustes da primeira revisão */
.d-centro .d-nums{width:100%}
.d-hero.espelho>img{transform:scaleX(-1)}
.d-hero .d-h1{max-width:11em}
.d-hero::before{background:linear-gradient(90deg,rgba(0,27,61,.94) 0%,rgba(0,27,61,.8) 36%,rgba(0,27,61,.15) 66%,rgba(0,27,61,0) 100%)}
@media (max-width:759px){.d-hero::before{background:linear-gradient(180deg,rgba(0,27,61,.15) 0%,rgba(0,27,61,.55) 35%,rgba(0,27,61,.94) 70%)}}
.d-socios figure{display:flex;flex-direction:column;align-items:center;text-align:center}
.d-socios img{width:72%;margin-top:22px;border-radius:50%}

/* fotos escolhidas pelo Fabio (22/10): a da abertura fica à direita, fundida ao navy */
.d-hero.foto-dir>img{left:auto;width:60%;object-position:50% 22%;filter:grayscale(1) contrast(1.05)}
.d-hero.foto-dir::before{background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 40%,rgba(0,27,61,.55) 54%,rgba(0,27,61,.18) 75%,rgba(0,27,61,.12) 100%)}
@media (max-width:759px){
  .d-hero.foto-dir{align-items:flex-end;min-height:760px}
  .d-hero.foto-dir>img{width:100%;height:62%;object-position:50% 18%}
  .d-hero.foto-dir::before{background:linear-gradient(180deg,rgba(0,27,61,.1) 0%,rgba(0,27,61,.25) 35%,var(--navy) 62%)}
}
.d-palco{margin:0;display:flex;flex-direction:column;gap:8px}
.d-palco img{width:100%;aspect-ratio:7 / 5;object-fit:cover;border-radius:var(--r)}
.d-palco figcaption,.d-credito{font-size:11.5px;color:rgba(255,255,255,.6)}
.d-hero>img{z-index:0}
.d-hero::before{z-index:1}
.d-hero-in,.d-baloes,.d-credito{z-index:2}

/* 22/10: capa clara (pedido do Fabio: "a capa poderia ser mais branco").
   Texto navy à esquerda, a foto num cartão arredondado à direita, os balões sobre a borda da foto. */
.d-hero.d-hero-claro{background:#fff;color:var(--navy);margin:0;border-radius:0;min-height:0;display:block}
.d-hero.d-hero-claro::before{display:none}
.d-hero-claro .d-hero-in{padding-block:clamp(36px,5vw,72px);display:grid;gap:36px;align-items:center}
.d-hero-claro .d-hero-txt{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.d-hero-claro .d-h1 span{color:var(--verde)}
.d-hero-claro .d-p{color:var(--suave)}
.d-hero-claro .d-aval-nota{color:var(--suave)}
.d-hero-claro .d-aval input{background:#fff;border:1.5px solid var(--linha)}
.d-hero-claro .d-aval input:focus{border-color:var(--navy);outline:none}
.d-hero-foto{position:relative;margin:0}
.d-hero-foto img{position:static;width:100%;height:min(66vh,600px);min-height:420px;object-fit:cover;object-position:50% 22%;border-radius:var(--r);filter:grayscale(1) contrast(1.05)}
.d-hero-foto figcaption{margin-top:8px;font-size:11.5px;color:var(--suave);text-align:right}
.d-hero-claro .d-baloes{position:absolute;left:-56px;right:auto;bottom:56px;align-items:flex-start;width:300px}
.d-hero-claro .d-bal{box-shadow:0 20px 44px -18px rgba(0,27,61,.45),0 0 0 1px var(--cinza-2)}
.d-hero-claro .d-bal.ia{margin:0 0 0 40px;background:var(--navy);color:#fff}
.d-hero-claro .d-bal.ia small{color:var(--lima)}
.d-hero-claro .d-bal.ia small i{background:var(--lima)}
@media (min-width:980px){.d-hero-claro .d-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px}}
@media (max-width:979px){.d-hero-claro .d-baloes{display:none}.d-hero-foto img{height:380px;min-height:0}}
.d-hero-claro .d-h1{font-size:clamp(38px,4.3vw,62px);max-width:none}
.d-hero-foto img.cor{filter:none;object-position:50% 42%}
.d-hero-foto img.cor{object-position:50% 74%}

/* 22/10: a foto da rua na capa. Balões sobre os prédios, longe da moça e do celular; no celular a mesma cena */
.d-hero-claro .d-baloes{top:56px;bottom:auto}
@media (max-width:979px){
  .d-hero-claro .d-hero-in{gap:28px}
  .d-hero-foto img{height:auto;aspect-ratio:4 / 5;min-height:0;max-height:560px}
  .d-hero-foto img.cor{object-position:50% 70%}
  .d-hero-claro .d-baloes{display:flex;left:12px;right:12px;top:14px;width:auto;max-width:300px;gap:8px}
  .d-hero-claro .d-bal{font-size:13px;padding:9px 11px;border-radius:13px}
  .d-hero-claro .d-bal small{font-size:11px;margin-bottom:2px}
  .d-hero-claro .d-bal.ia{margin-left:28px}
}
@media (min-width:980px) and (max-width:1199px){.d-hero-claro .d-baloes{left:-32px;width:270px}}

/* ---------- comentários do Fabio na home (22/10) ---------- */
/* capa no computador: os balões no canto de baixo, sobre a calçada, longe do rosto e do celular */
@media (min-width:980px){.d-hero-claro .d-baloes{top:auto;bottom:-28px;left:-110px;width:260px}}
/* capa no celular: a foto é o fundo da primeira tela, o texto e a avaliação por cima */
.av-curto{display:none}
@media (max-width:979px){
  .av-longo{display:none}.av-curto{display:inline}
  .d-aviso .d-lar{padding-block:8px;font-size:13.5px}
  .d-hero.d-hero-claro{position:relative;margin:8px 8px 0;border-radius:24px;overflow:hidden;min-height:calc(100svh - 120px);display:flex;background:var(--navy)}
  .d-hero-claro .d-hero-in{position:static;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:0 18px 22px}
  .d-hero-claro .d-hero-txt{position:relative;z-index:2;gap:14px;color:#fff}
  .d-hero-claro .d-h1{font-size:clamp(32px,8.6vw,40px);color:#fff}
  .d-hero-claro .d-h1 span{color:var(--lima)}
  .d-hero-claro .d-p{color:#E3EAF2;font-size:15.5px}
  .d-hero-claro .d-aval-nota{color:#E3EAF2}
  .d-hero-claro .d-aval input{border:0}
  .d-hero-claro .d-aval .d-bt{flex:1 1 100%}
  .d-hero-foto{position:absolute;inset:0;z-index:0}
  .d-hero-foto img,.d-hero-foto img.cor{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;object-position:50% 22%}
  .d-hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,27,61,0) 18%,rgba(0,27,61,.55) 42%,rgba(0,27,61,.95) 62%)}
  .d-hero-foto figcaption{position:absolute;top:10px;right:14px;z-index:1;margin:0;color:rgba(255,255,255,.75)}
  .d-hero-claro .d-baloes{display:none}
}
/* parceiros com os logotipos oficiais; no celular, uma grade arrumada */
.d-selos{flex-direction:column;gap:18px;padding-block:44px}
.d-selos>p{max-width:none;text-align:center}
.d-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 44px}
.d-logos li{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;color:#3A4757}
.d-logos img{opacity:1}
.d-logo-txt{font-size:18px}
@media (max-width:759px){
  .d-logos{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;width:100%}
  .d-logos li{justify-content:center;padding:14px 8px;border-radius:14px;background:var(--cinza);font-size:16px}
  .d-logos li:last-child{grid-column:1 / -1}
}
/* lista de funcionalidades no primeiro cartão */
.d-func{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.d-func li{display:grid;grid-template-columns:16px 1fr;gap:8px;font-size:15px;line-height:1.4;color:var(--tinta)}
.d-func li::before{content:"";width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--lima);box-shadow:inset 0 0 0 3.5px var(--navy)}
@media (max-width:520px){.d-func{grid-template-columns:1fr}}
.d-prod-txt .d-p b{display:block;margin-bottom:6px;color:var(--navy);font-weight:620;font-size:16.5px;line-height:1.35}
/* rodapé: redes, parcerias e privacidade à vista */
.d-redes{display:flex;align-items:center;gap:10px}
.d-redes a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08)}
.d-redes a:hover{background:rgba(255,255,255,.16)}
.d-redes a.d-redes-txt{width:auto;padding:0 18px;border-radius:999px;font-weight:600;color:#fff}
.d-rod-faixa{display:grid;gap:28px;padding-block:32px;border-top:1px solid rgba(255,255,255,.12)}
@media (min-width:900px){.d-rod-faixa{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px}}
.d-rod-bloco{display:flex;flex-direction:column;gap:10px}
.d-rod-bloco h3{margin:0 0 4px}
.d-rod-bloco p{margin:0;line-height:1.5}
.d-rod-bloco b{color:#fff;margin-right:6px}
.d-rod-bloco a{color:var(--lima);text-decoration:underline;text-underline-offset:4px}
.d-in{font:700 19px/1 Arial,sans-serif;color:#fff;letter-spacing:-.02em}
@media (max-width:979px){
  .d-hero-foto img,.d-hero-foto img.cor{bottom:auto;height:62%;object-position:50% 64%}
  .d-hero-foto::after{background:linear-gradient(180deg,rgba(0,27,61,0) 30%,rgba(0,27,61,.6) 50%,var(--navy) 62%)}
  .d-logo-txt{font-size:15px!important;text-align:center}
}
/* as listas das telas desenhadas dentro das abas não herdam o estilo da lista de texto do painel */
.d-aba-vis li{color:inherit;font-size:inherit}
.d-aba-vis li::before{content:none}
.d-aba-vis .cx-lista li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;color:var(--navy);font-size:14px}
.d-aba-vis .fx-agenda li{display:grid;grid-template-columns:44px 1fr;color:#1B2433;font-size:13px}
.d-aba-vis .fx-etapas li{display:block;color:#5D6B80}
.d-aba-vis .fx-etapas li.agora{color:#fff}
.d-aba-vis .fx-etapas li.feito{color:#146E46}
.d-aba-vis .d-chips span{background:#fff;color:var(--navy)}
.d-aba-vis .d-chips span.forte{background:var(--lima);color:var(--navy)}

/* ---------- segunda rodada de comentários (22/10) ---------- */
/* preços: uma aba por solução, cartões que chamam atenção para as funcionalidades */
.d-ptabs{display:flex;gap:6px;padding:5px;border-radius:16px;background:var(--cinza);overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%;margin:0 auto 36px}
.d-ptab{appearance:none;flex:none;border:0;background:transparent;padding:12px 20px;border-radius:12px;font:inherit;font-size:16px;font-weight:600;color:var(--suave);cursor:pointer}
.d-ptab[aria-selected="true"]{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(0,27,61,.12)}
.d-ppainel[hidden]{display:none}
.d-pcab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}
.d-pcab .d-p{margin-top:10px}
.d-pcs{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.d-pcs3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.d-pc{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:var(--r-m);background:var(--cinza)}
.d-pc.dest{background:var(--navy);color:#fff}
.d-pc h3{margin:0;font-size:22px;font-weight:600}
.d-pc-tag{position:absolute;top:-11px;left:20px;padding:3px 11px;border-radius:999px;background:var(--lima);color:var(--navy);font-size:12.5px;font-weight:650}
.d-pc-v{margin:0;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.d-pc-v small{font-size:14.5px;font-weight:400;letter-spacing:0}
.d-pc-sub{margin:0;font-size:14.5px;color:var(--suave)}
.d-pc.dest .d-pc-sub{color:#C9D4E2}
.d-pc ul{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:8px;flex:1}
.d-pc li{display:grid;grid-template-columns:16px 1fr;gap:8px;font-size:14.5px;line-height:1.4}
.d-pc li::before{content:"";width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--lima);box-shadow:inset 0 0 0 3.5px var(--navy)}
.d-pc.dest li::before{background:var(--navy);box-shadow:inset 0 0 0 3.5px var(--lima)}
.d-pc .d-bt{width:100%}
.d-pc.dest .d-bt-linha{color:#fff;border-color:rgba(255,255,255,.4)}
.d-nota-meta{margin:18px 0 0;font-size:14px;color:var(--suave);max-width:60em}
@media (max-width:759px){.d-ptabs{margin-inline:0;width:100%}.d-ptab{padding:11px 14px;font-size:15px}}
/* by Asaas na Central */
.d-by{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:2px 9px;border-radius:999px;background:#EEF3FF;font-size:12px;font-weight:600;color:#0038E5;vertical-align:middle}
/* empresa: a defesa da jornada */
.d-defesa{display:flex;flex-direction:column;gap:12px;padding:24px 26px;border-radius:var(--r-m);background:var(--cinza)}
.d-defesa p{margin:0;font-size:16.5px;line-height:1.6;color:var(--tinta)}
/* soluções no celular: as âncoras viram uma linha que rola para o lado */
@media (max-width:759px){
  .d-capa-sol{gap:22px}
  .d-capa-sol .d-ancoras{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:6px;scrollbar-width:none;margin-top:4px}
  .d-capa-sol .d-ancoras a{flex:none}
  .d-capa-sol img{aspect-ratio:16 / 10}
}
/* planos da Central com o cartão sob medida; Saúde com três planos */
@media (min-width:1180px){.pl-cards{grid-template-columns:repeat(5,1fr)}}
@media (min-width:900px){.s-planos{grid-template-columns:repeat(3,1fr)}}
.s-planos .s-plano-caixa .bt{align-self:stretch}
/* capa no celular: a foto sobe e o celular dela aparece */
@media (max-width:979px){
  .d-hero-foto img,.d-hero-foto img.cor{height:68%;object-position:50% 84%}
  .d-hero-foto::after{background:linear-gradient(180deg,rgba(0,27,61,0) 40%,rgba(0,27,61,.65) 58%,var(--navy) 68%)}
  .d-hero-claro .d-hero-txt>.d-p{display:none}
}
.d-sec[style*="cinza"] .d-card:not(.escuro){background:#fff}

/* terceira rodada (22/10): as abas de preço mostram o 'a partir de'; no celular viram cartões empilhados */
.d-ptab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.d-ptab b{font-weight:600}
.d-ptab small{font-size:12.5px;font-weight:500;color:var(--suave)}
@media (max-width:759px){
  .d-ptabs{display:grid;grid-template-columns:1fr;gap:8px;padding:0;background:none;width:100%;overflow:visible}
  .d-ptab{width:100%;padding:16px 18px;border-radius:16px;background:var(--cinza);color:var(--navy);font-size:17px;box-shadow:none;position:relative}
  .d-ptab::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400}
  .d-ptab[aria-selected="true"]{background:var(--navy);color:#fff;box-shadow:none}
  .d-ptab[aria-selected="true"] small{color:#C9D4E2}
  .d-ptab[aria-selected="true"]::after{content:"−"}
}
.d-ppainel{scroll-margin-top:84px}

/* 24/10: a base conversacional e o que dá para construir, com passo a passo e recursos */
.d-base{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;margin-top:32px}
.d-base-it{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r-m);border:1px solid var(--linha);text-decoration:none;color:var(--navy);transition:border-color .15s,background-color .15s}
.d-base-it:hover{border-color:var(--navy);background:var(--cinza)}
.d-base-it b{font-size:17px;font-weight:600}
.d-base-it span{font-size:14.5px;line-height:1.45;color:var(--suave)}
.d-conss{display:grid;gap:14px;margin-top:36px}
@media (min-width:900px){.d-conss{grid-template-columns:1fr 1fr}}
.d-cons{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:var(--r);background:#fff;scroll-margin-top:100px}
.d-cons .d-p{font-size:16px}
.d-cons ol{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:0;counter-reset:c}
.d-cons ol li{counter-increment:c;position:relative;padding:0 0 14px 40px;font-size:15.5px;line-height:1.45}
.d-cons ol li::before{content:counter(c);position:absolute;left:0;top:-2px;width:26px;height:26px;border-radius:50%;background:var(--lima);color:var(--navy);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.d-cons ol li:not(:last-child)::after{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:2px;background:var(--cinza-2)}
.d-usa{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:auto 0 0;padding-top:12px;border-top:1px solid var(--cinza-2)}
.d-usa b{font-size:13px;font-weight:650;color:var(--suave);margin-right:4px}
.d-usa span{padding:4px 10px;border-radius:999px;background:var(--cinza);font-size:13px;font-weight:600}
@media (min-width:1080px){.d-mega-in.c3{grid-template-columns:1fr 1fr 300px}}

/* 24/10: home mais curta no celular. Sem os números; produtos, tipos de empresa e newsletter em carrossel */
@media (max-width:759px){
  .d-so-pc{display:none}
  .d-prods,.d-segs,.d-recs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--g));padding:0 var(--g) 6px;scroll-padding-inline:var(--g);scrollbar-width:none}
  .d-prods>*,.d-segs>*,.d-recs>*{flex:0 0 80%;scroll-snap-align:start}
  .d-recs>*{min-height:200px}
  .d-prod .d-p,.d-prod .d-preco-l,.d-prod .d-bts .d-bt-linha{display:none}
  .d-prod-txt{padding:18px 18px 20px;gap:12px}
  .d-prod .d-bts .d-bt{width:100%}
}

/* 24/10, comentários do celular: home sem tipos de empresa, integrações e newsletter; produtos viram uma foto e o caminho para os preços */
.d-so-cel{display:none}
@media (max-width:759px){
  .d-so-cel{display:block}
  .d-prods{display:none}
  .d-prod-cel{position:relative;margin-top:28px;border-radius:var(--r);overflow:hidden;text-decoration:none}
  .d-prod-cel img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:40% 30%}
  .d-prod-cel .d-bt{position:absolute;left:16px;right:16px;bottom:16px}
}
/* os passos na faixa navy: títulos em navy sobre o cartão branco */
.d-faixa .d-passos li{color:var(--navy)}
.d-faixa .d-passos b{color:var(--navy)}
.d-capa-foto{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.d-capa-foto figcaption{font-size:11.5px;color:var(--suave);text-align:right}
@media (max-width:759px){.d-capa-sol .d-capa-foto img{aspect-ratio:4 / 3}}
.d-prod>img[src*="solucoes"]{object-position:50% 22%}
.s-capa-tu{margin:0;min-width:0}
.s-capa-tu img{width:100%;height:auto;border-radius:var(--r)}
.s-preco b{font-stretch:100%!important;font-weight:600!important;letter-spacing:-.02em}

/* 24/10: menu consolidado. Cada item abre a página do tema; ao passar o mouse, um menu curto */
.d-nav-li{position:relative}
.d-nav-bt[aria-current="page"]{background:var(--cinza);box-shadow:inset 0 -2px 0 var(--navy)}
.d-drop{position:absolute;top:calc(100% + 6px);left:-8px;min-width:300px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 24px 48px -20px rgba(0,27,61,.4),0 0 0 1px var(--cinza-2);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.d-drop::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.d-drop ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.d-drop .d-mega-it{margin:0}
.d-nav-li:hover .d-drop,.d-nav-li:focus-within .d-drop{opacity:1;visibility:visible;transform:none}
@media (prefers-reduced-motion:reduce){.d-drop{transition:none}}
.d-movel-link[aria-current="page"]{color:var(--verde-t)}
.d-movel-sub{list-style:none;margin:0 0 6px;padding:0 0 10px 14px;border-bottom:1px solid var(--cinza-2);display:grid;gap:2px}
.d-movel-sub a{display:block;padding:9px 0;font-size:16px;font-weight:500;color:var(--suave);text-decoration:none}
.d-movel .d-movel-link{padding:16px 0}
/* a página Produtos: um bloco por produto, foto e texto alternados */
.d-pbs{display:grid;gap:18px}
.d-pb{display:grid;gap:28px;align-items:center;padding:clamp(18px,2.6vw,32px);border-radius:var(--r);background:var(--cinza);scroll-margin-top:100px}
.d-pb>img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-m)}
.d-pb>img[src*="solucoes"]{object-position:50% 22%}
.d-pb-txt{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.d-pb-frase{margin:0;font-size:18px;font-weight:620;line-height:1.35}
.d-pb .d-preco-l{margin:0}
@media (min-width:900px){
  .d-pb{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px}
  .d-pb-inv>img{order:2}
}
/* 24/10: rodapé enxuto, três colunas curtas */
@media (min-width:900px){.d-rod-cols{grid-template-columns:repeat(3,minmax(0,220px));gap:48px;padding-block:52px 36px}}
@media (min-width:900px){.d-rod-faixa{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}}
/* 24/10: quatro planos (o Escala é sob consulta) */
@media (min-width:1180px){.pl-cards{grid-template-columns:repeat(4,1fr)}}

/* 24/10: o item da página aberta com um traço lima embaixo, no lugar do botão cinza; logotipo maior no computador */
.d-nav-bt{position:relative}
.d-nav-bt[aria-current="page"]{background:transparent;box-shadow:none;font-weight:650}
.d-nav-bt[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:4px;border-radius:4px;background:var(--lima);box-shadow:0 0 0 1px rgba(0,27,61,.08)}
.d-nav-bt[aria-current="page"]:hover{background:var(--cinza)}
@media (min-width:1080px){.d-marca img{width:196px}}

/* "Fale com um especialista" (24/10/2026): a caixa com as duas opções; o formulário da agenda abre por cima dela */
.d-bt-grande{min-height:56px;padding:0 28px;font-size:17px}
.d-esp{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,16,38,.56)}
.d-esp[hidden]{display:none}
.d-esp-caixa{position:relative;width:min(480px,100%);padding:28px 24px 22px;border-radius:var(--r-m);background:#fff;color:var(--tinta);box-shadow:0 30px 70px -30px rgba(0,16,38,.6)}
.d-esp-fechar{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--cinza);color:var(--navy);font-size:22px;line-height:1;cursor:pointer}
.d-esp-t{margin:0 48px 18px 0;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.01em}
.d-esp-ops{display:grid;gap:10px}
.d-esp-op{display:grid;gap:4px;width:100%;padding:16px 18px;border:1.5px solid var(--linha);border-radius:16px;background:#fff;color:var(--tinta);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.d-esp-op[hidden]{display:none}
.d-esp-op b{font-size:17px;font-weight:600}
.d-esp-op span{font-size:14.5px;color:var(--suave)}
.d-esp-op:hover,.d-esp-op:focus-visible{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px var(--lima)}
.d-esp-zap{border-color:#25D366;background:#F1FCF5}
.d-esp-vendo{margin:12px 0 0;font-size:13.5px;color:var(--suave)}
.d-esp-vendo:empty{display:none}
@media (max-width:559px){
  .d-esp{align-items:flex-end;padding:0}
  .d-esp-caixa{width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
}

/* o b.css guarda espaço para a barra fixa da home B no celular; a proposta D não tem essa barra */
@media (max-width:899px){body{padding-bottom:0}}

/* topo: suporte ao cliente com ícone (comentário do Fabio, 24/10/2026) */
.d-util a{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--navy)}
.d-util a svg{color:var(--verde)}
.d-util a:hover{text-decoration:underline;text-underline-offset:3px}
/* rodapé: parcerias organizadas, a marca numa linha e o texto embaixo; lado a lado a partir de 600 px */
.d-parcs{display:grid;gap:22px}
@media (min-width:600px){.d-parcs{grid-template-columns:1fr 1fr;gap:32px}}
.d-parc{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.d-parc-marca{display:flex;align-items:center;height:22px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#fff}
.d-parc-marca img{height:15px;width:auto;filter:brightness(0) invert(1)}
.d-rod-bloco .d-parc p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.5}

/* o botão verde da simulação do Saúde, o destaque desse produto (pedido do Fabio, 24/10/2026) */
.d-bt-zap{gap:10px;background:#1DAA61;color:#fff;box-shadow:0 10px 24px -12px rgba(29,170,97,.8)}
.d-bt-zap:hover{background:#178F51}
.d-bt-zap .bt-ic{width:20px;height:20px;fill:currentColor;flex:none}
@media (max-width:759px){.d-bt-zap{white-space:normal;text-align:left}}

/* rodapé numa grade só (24/10/2026, "sem alinhamento e coerência"): as quatro linhas usam as mesmas colunas,
   então Produtos, Meta e o endereço começam na mesma vertical, e Empresa, Asaas e o © também */
.d-rg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;padding-block:36px;border-top:1px solid rgba(255,255,255,.12)}
.d-rg-cols{border-top:0;padding-block:56px 40px}
.d-rg h3{margin:0 0 14px;color:#fff;font-size:15px;font-weight:650}
.d-rg .d-rg-h3b{margin-top:26px}
.d-rg-meio{align-items:center}
.d-rg-ajuda{grid-column:1/-1;margin:0;font-size:clamp(28px,3vw,40px);font-weight:560;letter-spacing:-.02em;color:#fff;line-height:1.15}
.d-rg-ajuda a{color:var(--lima);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.d-rg-meio .d-redes{grid-column:1/-1}
.d-rg-parc h3{grid-column:1/-1;margin:0}
.d-rg-parc .d-parc{grid-column:1/-1}
.d-rg-parc p{margin:0;font-size:14px;color:rgba(255,255,255,.72);line-height:1.55}
.d-rg-parc p a{color:var(--lima);text-decoration:underline;text-underline-offset:4px}
.d-rg-pe{font-size:13px;line-height:1.55;padding-block:24px 40px}
.d-rg-pe span{grid-column:1/-1}
@media (min-width:600px){
  .d-rg-parc .d-parc{grid-column:span 1}
  .d-rg-pe span{grid-column:span 1}
  .d-rg-pe span:last-child{grid-column:1/-1}
}
@media (min-width:900px){
  .d-rg{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px}
  .d-rg-ajuda{grid-column:1/4}
  .d-rg-meio .d-redes{grid-column:4/5}
  .d-rg-parc .d-parc{grid-column:span 2;max-width:440px}
  .d-rg-pe span,.d-rg-pe span:last-child{grid-column:span 1}
  .d-rg-pe span:first-child{grid-column:1/3}
  .d-rg-pe span:last-child{grid-column:4/5}
}

/* botão de contorno sobre o navy (fechamento do Saúde) */
.faixa-navy .bt-contorno{color:#fff;border-color:rgba(255,255,255,.7)}
.faixa-navy .bt-contorno:hover{background:rgba(255,255,255,.1)}
.fecho-acao{display:flex;flex-wrap:wrap;gap:12px}
.d-rg-parc{row-gap:18px}
.d-rg-pe{row-gap:12px}
.fecho .fecho-acao{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}

/* Suporte ao cliente: o formulário de acesso (24/10/2026) */
.d-sup-sub{margin:-8px 0 18px;color:var(--suave);font-size:15px}
.d-sup-form{display:grid;gap:14px}
.d-sup-campo{display:grid;gap:6px}
.d-sup-campo span{font-size:14px;font-weight:600;color:var(--navy)}
.d-sup-campo input{width:100%;min-height:48px;padding:11px 14px;border:1.5px solid var(--linha);border-radius:12px;font:inherit;font-size:16px;color:var(--tinta);background:#fff}
.d-sup-campo input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--lima)}
.d-sup-msg{margin:0;font-size:14px;color:#B03A2E}
.d-sup-msg:empty{display:none}
.d-sup-aviso{padding:12px 14px;border-radius:12px;background:#FFF4E5;color:#7A4A00}
.d-sup-form .d-bt{width:100%}
.d-sup-form[hidden]{display:none}
.d-sup-ok{color:var(--navy)}
.d-sup-outro{border:0;background:none;padding:0;font:inherit;color:var(--navy);text-decoration:underline;cursor:pointer}
.d-sup-f1 .d-sup-sub,.d-sup-f2 .d-sup-sub{margin:0}
.d-sup-form .d-bt:disabled{opacity:.7;cursor:progress}

/* os botões verdes usam o verde da marca, o mesmo do site (pedido do Fabio, 24/10/2026), não o verde do WhatsApp */
.d-bt-zap,.bt-zap{background:var(--verde);color:#fff;box-shadow:none}
.d-bt-zap:hover,.bt-zap:hover{background:var(--verde-t)}

/* o botão do Saúde é o lima da marca, o mesmo do Conheça, com o símbolo do WhatsApp (Fabio, 24/10/2026) */
.d-bt-zap,.bt-zap{background:var(--lima);color:var(--navy);box-shadow:none}
.d-bt-zap:hover,.bt-zap:hover{background:var(--lima-2)}
/* home, os três produtos no mesmo desenho: preço e botões presos ao pé do cartão, na mesma altura,
   dois botões de largura inteira, o principal em cima */
.d-prod .d-preco-l{margin-top:auto;padding-top:8px}
.d-prod .d-bts{display:grid;grid-template-columns:1fr;gap:10px}
.d-prod .d-bts .d-bt{width:100%}

/* Saúde, capa: o link para os planos ao lado do preço */
.s-ver-planos{font-weight:620;color:var(--navy);text-decoration:underline;text-decoration-color:var(--lima);text-decoration-thickness:3px;text-underline-offset:5px}
.s-ver-planos:hover{text-decoration-color:var(--navy)}

/* landings de campanha: o topo com o logotipo, o nome do produto e o botão (montar_site.py) */
.d-topo-camp .d-topo-in{justify-content:space-between}
.d-camp-prod{flex:1;font-weight:600;color:var(--navy);font-size:15px;padding-left:16px;border-left:1px solid var(--linha)}
@media (max-width:640px){.d-camp-prod{display:none}.d-topo-camp .d-bt{padding:0 16px;font-size:15px}}