/* Sistema Nexos — aplicado por último em todas as páginas.
   Decisões aprovadas em 22/10/2026: tokens, laranja por fundo, seta única, botão com brilho e onda,
   ícones Lucide em pastilha, card com luz na borda, acabamento novo das ilustrações isométricas. */
:root{
  --nx-navy:#16233D; --nx-navy-deep:#0E1828; --nx-teal:#0E6B58;
  --nx-paper:#F5F3EC; --nx-paper-warm:#FBFAF6; --nx-line:#DDD8CB;
  --nx-orange:#E07F2C;      /* laranja sobre navy (5,4:1) */
  --nx-orange-ink:#C2661A;  /* laranja sobre papel (3,6:1, títulos grandes) */
  --nx-spring:cubic-bezier(.34,1.56,.64,1);
}
/* Destaques laranja dos títulos: tom escuro em fundo claro, tom normal em fundo navy. */
[data-accent-preview=orange]{--nx-brand-orange:var(--nx-orange);--nx-title-accent-dark:var(--nx-orange);--nx-title-accent-light:var(--nx-orange-ink)}

/* ---------- Seta única ---------- */
.nx-arrow-icon{flex:0 0 auto;width:16px;height:16px;vertical-align:-.15em;transition:transform .3s var(--nx-spring)}
:is(a,button):hover>.nx-arrow-right,:is(a,button):hover>span>.nx-arrow-right{transform:translateX(3px)}
:is(a,button):hover>.nx-arrow-up-right{transform:translate(2px,-2px)}
:is(a,button):hover>.nx-arrow-left{transform:translateX(-3px)}
.nx-arrow-up{transform:rotate(180deg)}
:is(a,button):hover>.nx-arrow-up{transform:rotate(180deg) translateY(3px)}
@media (prefers-reduced-motion:reduce){.nx-arrow-icon{transition:none}}

/* ---------- Botões: seta colada ao texto, brilho no hover, afunda no clique, onda ---------- */
:is(.nx-digital-cta,.nx-digital-secondary,.dg-button,.nx-contact-submit,.nx-nav-proposal,.nx-primary-button,.nx-human-cta,.button){
  position:relative;overflow:hidden;isolation:isolate;justify-content:center!important;gap:10px!important;
  background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%)!important;
  background-size:260% 100%!important;background-repeat:no-repeat!important;background-position:130% 0!important;
  transition:transform .35s var(--nx-spring),box-shadow .3s,background-color .25s,color .25s,border-color .25s,background-position 0s!important}
:is(.nx-digital-secondary,.dg-button-light){background-image:linear-gradient(105deg,transparent 38%,rgba(22,35,61,.1) 50%,transparent 62%)!important}
:is(.nx-digital-cta,.nx-digital-secondary,.dg-button,.nx-contact-submit,.nx-nav-proposal,.nx-primary-button,.nx-human-cta,.button):hover{
  background-position:-30% 0!important;transform:translateY(-1px);transition:transform .35s var(--nx-spring),box-shadow .3s,background-color .25s,color .25s,border-color .25s,background-position .75s cubic-bezier(.4,0,.2,1)!important}
:is(.nx-digital-cta,.nx-digital-secondary,.dg-button,.nx-contact-submit,.nx-nav-proposal,.nx-primary-button,.nx-human-cta,.button):active{transform:scale(.97)}
.nx-rip{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);background:currentColor;opacity:.2;animation:nx-rip .6s cubic-bezier(.2,.7,.3,1) forwards;z-index:-1}
@keyframes nx-rip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){:is(.nx-digital-cta,.nx-digital-secondary,.dg-button,.nx-contact-submit,.nx-nav-proposal,.nx-primary-button,.nx-human-cta,.button){transition:none!important}.nx-rip{display:none}}

/* ---------- Ícones: Lucide em pastilha de papel ---------- */
.nx-digital-benefits li>.nx-benefit-icon,.nx-service-stack-card .nx-digital-benefits li>.nx-benefit-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--nx-paper)!important;box-shadow:inset 0 0 0 1px var(--nx-line);color:var(--nx-navy)!important;transition:background .25s,color .25s,box-shadow .25s,transform .35s var(--nx-spring)}
.nx-digital-benefits li:hover>.nx-benefit-icon{background:var(--nx-navy)!important;color:var(--nx-paper-warm)!important;box-shadow:inset 0 0 0 1px var(--nx-navy);transform:translateY(-2px)}
.nx-benefit-icon svg,.dg-benefit-icon svg{width:22px!important;height:22px!important}
.dg-benefit-icon{width:44px!important;height:44px!important;display:grid!important;place-items:center;border-radius:12px;background:var(--nx-paper);box-shadow:inset 0 0 0 1px var(--nx-line);color:var(--nx-navy)}
.nx-method-note-top svg{width:22px;height:22px;color:var(--nx-navy)}
.nx-nav-segment-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;color:#E0EDF3}
.nx-nav-segment-icon svg{width:22px;height:22px}
.nx-nav-service-icon>svg{stroke-width:2!important}

/* ---------- Cards: luz laranja na borda seguindo o mouse ---------- */
:is(.nx-segment-card,.nx-law-card,.nx-nav-service,.nx-nav-segment){position:relative}
.nx-luz{position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1.5px;z-index:3;opacity:0;transition:opacity .3s;
  background:radial-gradient(220px circle at var(--lx,50%) var(--ly,0%),var(--nx-orange),transparent 65%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
:is(.nx-segment-card,.nx-law-card,.nx-nav-service,.nx-nav-segment):hover>.nx-luz{opacity:1}
.nx-segment-card{background:var(--nx-paper-warm)!important;border-color:var(--nx-line)!important}
@media (hover:none){.nx-luz{display:none}}

/* ---------- Fundos navy estáticos (só o banner da home anima) ---------- */
.nx-static-bg{background:radial-gradient(120% 85% at 22% 8%,#1D4A4C 0%,transparent 55%),linear-gradient(160deg,#1B2A49 0%,#16233D 52%,#0E1828 100%)}

/* ---------- Acabamento das ilustrações isométricas ----------
   Seletores de classe dupla e html:root: os desenhos usam <use>, então regras com ancestral não alcançam as cópias. */
html:root{--anatomy-paper:#F5F3EC;--anatomy-face:#FBFAF6;--anatomy-top:#FBFAF6;--anatomy-shade-0:#BFCEC8;--anatomy-shade-1:#CCD9D4;--anatomy-shade-2:#DAE4E0;--anatomy-shade-3:#E8EEEA;--anatomy-lit-top:#FFFFFF;--anatomy-lit-shade:#F1F4F0;--anatomy-hi:#16233D;--anatomy-mid:#2E3D5C;--anatomy-lo:#4F5D78;--anatomy-faint:#9AA6B8;--anatomy-lit:#FBFAF6;--anatomy-halo:#0E6B58;--anatomy-halo-opacity:.28;--anatomy-dot:#16233D;--anatomy-weight:1.2px}
.c-mat.c-mat{display:none}
.c-bk1.c-bk1{--anatomy-shade-0:#AEBACB;--anatomy-shade-1:#BCC6D4;--anatomy-shade-2:#CAD2DE;--anatomy-shade-3:#D8DEE7;--anatomy-top:#E6EAF0;--anatomy-paper:#CAD2DE}
.c-bk2.c-bk2{--anatomy-shade-0:#D4DDD8;--anatomy-shade-1:#DEE5E1;--anatomy-shade-2:#E8EDEA;--anatomy-shade-3:#F1F4F1;--anatomy-top:#FBFAF6;--anatomy-paper:#EEEAE0}
.c-g1.c-g1{--anatomy-shade-0:#C6CFDB;--anatomy-shade-1:#D1D9E3;--anatomy-shade-2:#DCE2EA;--anatomy-shade-3:#E6EBF1;--anatomy-top:#F0F3F7;--anatomy-paper:#DCE2EA}
.c-g2.c-g2{--anatomy-shade-0:#9FACC0;--anatomy-shade-1:#ACB8CA;--anatomy-shade-2:#B9C4D3;--anatomy-shade-3:#C6CFDC;--anatomy-top:#D3DAE4;--anatomy-paper:#B9C4D3}
.c-g3.c-g3{--anatomy-shade-0:#2E3D5C;--anatomy-shade-1:#384868;--anatomy-shade-2:#435374;--anatomy-shade-3:#4E5F80;--anatomy-top:#5A6B8C;--anatomy-paper:#435374;--anatomy-hi:#0D1628;--anatomy-mid:#C9D1DC}
.c-glass.c-glass{--anatomy-shade-0:#1A2945;--anatomy-shade-1:#20304E;--anatomy-shade-2:#263757;--anatomy-shade-3:#2D3E60;--anatomy-top:#34466A;--anatomy-paper:#263757;--anatomy-hi:#0D1628;--anatomy-lit:#E6ECF2}
.c-cover.c-cover{--anatomy-shade-0:#D9D4C6;--anatomy-shade-1:#E1DDD1;--anatomy-shade-2:#E9E5DB;--anatomy-shade-3:#F0EDE5;--anatomy-top:#F6F4EE;--anatomy-paper:#E9E5DB}
.c-page.c-page{--anatomy-shade-0:#E6E2D7;--anatomy-shade-1:#ECE9E0;--anatomy-shade-2:#F1EFE8;--anatomy-shade-3:#F6F4EF;--anatomy-top:#FBFAF6;--anatomy-paper:#F1EFE8}
.c-or.c-or{--anatomy-shade-0:#B95F17;--anatomy-shade-1:#C96B1D;--anatomy-shade-2:#E07F2C;--anatomy-shade-3:#E07F2C;--anatomy-top:#EA9550;--anatomy-paper:#E07F2C}
.gd-hlbg.gd-hlbg{fill:#E07F2C}

/* ---------- Header e menu ---------- */
.nx-navigation[data-scrolled=true] .nx-nav-bar{background:rgba(251,250,246,.94)!important;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
.nx-nav-client{font:500 14px/1 Figtree,Arial,sans-serif;color:var(--nx-navy);text-decoration:none;padding:0 6px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.nx-nav-client:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:1100px){.nx-nav-client{display:none}}
.nx-nav-title{margin:0}
@media (max-width:900px){.nx-nav-panel-top button{display:none}}

/* ---------- WhatsApp flutuante ---------- */
.wa-fab{width:48px!important;height:48px!important;box-shadow:0 8px 20px -10px rgba(14,24,40,.55)!important;transition:transform .35s var(--nx-spring),opacity .25s!important}
.wa-fab svg{width:24px!important;height:24px!important}
.wa-fab::before,.wa-fab::after{display:none!important}
.wa-fab[data-hidden=true]{opacity:0;transform:translateY(12px) scale(.9)!important;pointer-events:none}

/* ---------- Formulários ---------- */
.nx-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.nx-contact-short .nx-contact-fields{display:grid;gap:16px}
.nx-contact-short .nx-contact-form-note a{color:inherit;text-underline-offset:3px}
.nx-contact-sent h3{margin:0 0 8px}

/* ---------- Alvos de toque ---------- */
.nx-footer a,.nx-footer-links a,.nx-footer-attendance a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- Cartão holográfico dos fundadores ---------- */
.fd{display:grid;gap:clamp(40px,6vw,80px)}
.fd-it{display:grid;grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);gap:clamp(28px,4.5vw,64px);align-items:center}
.fd-it+.fd-it{padding-top:clamp(40px,6vw,80px);border-top:1px solid #16233D1f}
.fd-l{justify-self:end;max-width:44ch;display:grid;gap:12px;min-width:0}
.fd-l .no{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--nx-teal)}
.fd-l h3{margin:0;font:600 clamp(28px,2.6vw,36px)/1.1 Figtree,Arial,sans-serif;letter-spacing:-.02em;color:var(--nx-navy)}
.fd-q{font:italic 500 19px/1.35 Lora,Georgia,serif;color:var(--nx-orange-ink);quotes:none}
.fd-l p{margin:0;font-size:16px;line-height:1.65;color:#4B5262}
.fd-c{display:flex;flex-direction:column;align-items:center;gap:14px}
.fd-hint{font:500 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#7A8394}
.fd-hint .ht{display:none}
@media (hover:none){.fd-hint .hm{display:none}.fd-hint .ht{display:inline}}
.fd-r{justify-self:start;min-width:0;max-width:34ch}
.fd-th{margin:0 0 18px;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#7A8394}
.fd-tl{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.fd-tl li{position:relative;padding-left:28px}
.fd-tl li::before{content:"";position:absolute;left:0;top:4px;width:11px;height:11px;border-radius:50%;background:var(--nx-paper);border:1.5px solid var(--nx-navy);box-sizing:border-box}
.fd-tl li:not(:last-child)::after{content:"";position:absolute;left:5px;top:19px;bottom:-19px;width:1px;background:#16233D38}
.fd-tl li.now::before{background:var(--nx-orange);border-color:var(--nx-orange);box-shadow:0 0 0 4px #E07F2C2e}
.fd-tl li.tbd b,.fd-tl li.tbd span{color:#7A8394;font-style:italic}
.fd-tl b{display:block;font:600 17px/1.25 Figtree,Arial,sans-serif;color:var(--nx-navy)}
.fd-tl span{display:block;margin-top:3px;font-size:14px;color:#5A6375}
.c3{--rx:0deg;--ry:0deg;--gx:50%;--gy:28%;--fy:0deg;position:relative;width:min(340px,100%);aspect-ratio:300/420;perspective:1100px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.c3:focus-visible .c3-f,.c3:focus-visible .c3-b{box-shadow:0 0 0 3px var(--nx-paper),0 0 0 5px var(--nx-navy),0 30px 50px -24px #0F1A308c}
.c3.fl{--fy:180deg}
.c3-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--fy)));transition:transform .7s cubic-bezier(.2,.75,.25,1)}
.c3.on:not(.turning) .c3-in{transition:transform .14s linear}
.c3-f,.c3-b{position:absolute;inset:0;border-radius:22px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 34px 54px -26px #0F1A3099,0 2px 0 #ffffff66 inset}
.c3-f{color:#F5F3EC;background:linear-gradient(165deg,#22324F 0%,#16233D 46%,#0E1828 100%)}
.c3-f::after,.c3-b::after{content:"";position:absolute;inset:0;z-index:6;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff26;pointer-events:none}
.c3-mono{position:absolute;z-index:1;left:0;right:0;top:38%;transform:translateY(-50%);text-align:center;font:500 104px/1 Lora,Georgia,serif;letter-spacing:.02em;color:#F5F3EC}
.c3-holo{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff1f 40%,#ffffff0a 50%,#ffffff1a 58%,transparent 72%);background-size:240% 100%;background-position:calc(100% - var(--gx)) 0;mix-blend-mode:screen;opacity:.35;transition:opacity .35s}
.c3.on .c3-holo{opacity:.9}
.c3-sh{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff29 44%,#dce3ec14 50%,transparent 62%);background-size:260% 100%;background-position:calc(100% - var(--gx)) 0;mix-blend-mode:screen;opacity:.55;transition:opacity .3s}
.c3-gl{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),#ffffff6b,#ffffff00 46%);mix-blend-mode:soft-light;opacity:0;transition:opacity .35s}
.c3.on .c3-gl,.c3.on .c3-sh{opacity:1}
.c3-top{position:absolute;z-index:5;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.c3-br{display:flex;align-items:center;gap:7px;font:600 13px/1 Figtree,Arial,sans-serif;color:#F5F3EC}
.c3-br svg{width:20px;height:20px}
.c3-st{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:#0F1A306b;border:1px solid #F5F3EC33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 11px/1 Figtree,Arial,sans-serif;color:#F5F3EC;white-space:nowrap}
.c3-st i{width:6px;height:6px;border-radius:50%;background:var(--nx-orange)}
.c3-bt{position:absolute;z-index:5;left:24px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:4px}
.c3-nm{font:600 27px/1.1 Figtree,Arial,sans-serif;color:#fff;letter-spacing:-.01em}
.c3-rl{font:400 13px Figtree,Arial,sans-serif;color:#C9D1DD}
.c3-ar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:14px}
.c3-ar small{display:block;font:500 9.5px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#9AA6B8}
.c3-ar span{display:block;margin-top:3px;font:500 13.5px 'JetBrains Mono',monospace;color:#fff}
.c3-fp{position:relative;display:block;width:46px;height:46px;flex:0 0 46px;color:#F5F3ECe0;overflow:hidden}
.c3-fp svg{display:block;width:46px;height:46px}
.c3-scan{position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:var(--nx-orange);box-shadow:0 0 8px var(--nx-orange);opacity:0}
.c3.on .c3-scan{animation:c3scan 1.6s ease-in-out infinite}
.c3.on .c3-fp{color:#fff}
@keyframes c3scan{0%{top:4px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 6px);opacity:0}}
.c3-b{transform:rotateY(180deg);background:linear-gradient(165deg,#22324F 0%,#16233D 46%,#0E1828 100%);display:flex;flex-direction:column;align-items:center;padding:28px 26px 20px;color:#F5F3EC}
.c3-b>*:not(i){position:relative;z-index:5}
.c3-bl{font:500 30px/1 Lora,Georgia,serif;letter-spacing:.02em;color:#F5F3EC}
.c3-bh{margin-top:16px;font:500 10.5px 'JetBrains Mono',monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--nx-orange)}
.c3-tl{list-style:none;margin:18px 0 0;padding:0;align-self:stretch;display:flex;flex-direction:column;gap:14px}
.c3-tl li{position:relative;padding-left:24px}
.c3-tl li::before{content:"";position:absolute;left:3px;top:6px;width:9px;height:9px;border-radius:50%;background:#F5F3EC}
.c3-tl li:not(:last-child)::after{content:"";position:absolute;left:7px;top:19px;bottom:-12px;width:1px;background:#F5F3EC4d}
.c3-tl li.now::before{background:var(--nx-orange)}
.c3-tl li.tbd b,.c3-tl li.tbd span{opacity:.55;font-style:italic}
.c3-tl b{display:block;font:600 16px/1.2 Figtree,Arial,sans-serif;color:#F5F3EC}
.c3-tl span{display:block;margin-top:2px;font:400 12.5px Figtree,Arial,sans-serif;color:#AEB8C8}
.c3-ft{margin-top:auto;font:500 10px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#F5F3EC80}
@media (prefers-reduced-motion:reduce){.c3-in{transition:none!important}.c3.on .c3-scan{animation:none}}
@media (max-width:1000px){.fd-it{grid-template-columns:340px minmax(0,1fr);grid-template-areas:"c l" "c r";align-items:start;row-gap:28px}.fd-c{grid-area:c;align-self:center}.fd-l{grid-area:l;justify-self:start}.fd-r{grid-area:r}}
@media (max-width:700px){.fd-it{grid-template-columns:1fr;grid-template-areas:"c" "l" "r"}.fd-l,.fd-r{max-width:none}.c3-mono{font-size:88px}}

/* ---------- v2 (22/10): mais cor, WhatsApp em destaque, rodapé com ícones ---------- */
:root{--nx-wa:#1FAF54;--nx-wa-deep:#168C42;--nx-teal-tint:#E2EEE9;--nx-mint:#9FD6C4}
/* Ícones em pastilha ganham o teal da marca */
.nx-digital-benefits li>.nx-benefit-icon,.nx-service-stack-card .nx-digital-benefits li>.nx-benefit-icon,.dg-benefit-icon{background:var(--nx-teal-tint)!important;box-shadow:inset 0 0 0 1px #C6DDD4!important;color:var(--nx-teal)!important}
.nx-method-note-top svg{color:var(--nx-teal)}
/* Menu: links com sublinhado laranja, ícones do menu em pastilha teal */
.nx-nav-desktop>a,.nx-nav-desktop>button{position:relative}
.nx-nav-desktop>a::after,.nx-nav-desktop>button::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:var(--nx-orange);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.65,0,.35,1)}
.nx-nav-desktop>a:hover::after,.nx-nav-desktop>button:hover::after,.nx-nav-desktop>button[aria-expanded=true]::after{transform:scaleX(1)}
.nx-nav-service-icon,.nx-nav-segment-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px;background:#0E6B5838;box-shadow:inset 0 0 0 1px #9FD6C430;color:var(--nx-mint)!important}
.nx-nav-service:hover .nx-nav-service-icon,.nx-nav-segment:hover .nx-nav-segment-icon{background:var(--nx-orange);color:#16233D!important;box-shadow:none}
.nx-nav-panel-heading .nx-nav-eyebrow{color:var(--nx-mint)!important}
/* WhatsApp no cabeçalho: verde da marca */
.nx-nav-whatsapp{background:var(--nx-wa)!important;border-color:var(--nx-wa)!important;color:#fff!important;transition:background .2s,transform .3s var(--nx-spring)}
.nx-nav-whatsapp:hover{background:var(--nx-wa-deep)!important;transform:translateY(-1px)}
/* Botão flutuante: verde, pulso a cada 4 s e um aviso curto no hover */
.wa-fab{background:var(--nx-wa)!important;color:#fff!important;overflow:visible!important}
.wa-fab::after{content:""!important;display:block!important;position:absolute;inset:0;border-radius:50%;border:2px solid var(--nx-wa);animation:nx-wa-pulse 4s cubic-bezier(.2,.7,.3,1) infinite;pointer-events:none}
.wa-fab svg{width:26px!important;height:26px!important}
@keyframes nx-wa-pulse{0%,55%{transform:scale(1);opacity:0}60%{opacity:.8}100%{transform:scale(1.8);opacity:0}}
.wa-fab-tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);white-space:nowrap;background:#16233D;color:#F5F3EC;font:500 13px/1 Figtree,Arial,sans-serif;padding:9px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s}
.wa-fab:hover .wa-fab-tip,.wa-fab:focus-visible .wa-fab-tip{opacity:1;transform:translate(0,-50%)}
@media (prefers-reduced-motion:reduce){.wa-fab::after{animation:none!important;display:none!important}}
@media (hover:none){.wa-fab-tip{display:none}}
/* Rodapé: telefone e e-mail um embaixo do outro; WhatsApp e Instagram com ícone */
.nx-footer-attendance>a{display:flex!important}
.nx-footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.nx-social{display:inline-flex!important;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid #F5F3EC33;color:#F5F3EC!important;text-decoration:none;font:500 14px/1 Figtree,Arial,sans-serif!important;transition:background .2s,border-color .2s,transform .3s var(--nx-spring)}
.nx-social svg{width:20px;height:20px}
.nx-social-wa svg{color:#5BE08F}
.nx-social-ig svg{color:#F4A06B}
.nx-social:hover{transform:translateY(-2px);border-color:#F5F3EC80;background:#F5F3EC12}

/* Grade quadriculada antiga do fundo (ShapeGrid) desligada em todo o site: aparecia atrás do menu. */
#sghost,.bgfx .shape-grid{display:none!important}

/* Ícone de perfil dos fundadores (founder-badge.tsx) */
.fb{position:relative;display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;color:#0e6b58;
  background:linear-gradient(150deg,rgba(14,107,88,.16),rgba(14,107,88,.06));border:1px solid rgba(14,107,88,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.fb>svg{width:30px;height:30px}
.fb-seal{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#fffdf7;border:1px solid rgba(22,35,61,.14);color:#16233d}
.fb-seal svg{width:12px;height:12px}
.fb[data-role=arquivo]{color:#2f5f8a;background:linear-gradient(150deg,rgba(47,95,138,.16),rgba(47,95,138,.06));border-color:rgba(47,95,138,.28)}
.fb-lg{width:132px;height:132px;border-radius:36px;color:#cfe9e0;background:linear-gradient(150deg,rgba(127,214,191,.22),rgba(127,214,191,.06));border-color:rgba(207,233,224,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 40px -20px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.fb-lg[data-role=arquivo]{color:#d4e2f2;background:linear-gradient(150deg,rgba(150,190,235,.22),rgba(150,190,235,.06));border-color:rgba(212,226,242,.35)}
.fb-lg>svg{width:84px;height:84px;stroke-width:1.2}
.fb-lg .fb-seal{right:-10px;bottom:-10px;width:42px;height:42px;border-radius:13px;background:#f5f3ec;border:0;box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.fb-lg .fb-seal svg{width:22px;height:22px}
.c3-mono:has(.fb){font-size:0;display:flex;justify-content:center}
.c3-bl:has(.fb){display:inline-flex}
.c3-bl .fb{width:38px;height:38px;border-radius:12px;color:#cfe9e0;background:rgba(127,214,191,.14);border-color:rgba(207,233,224,.3)}
.c3-bl .fb>svg{width:26px;height:26px}
.c3-bl .fb-seal{display:none}
h3.fd-name{display:flex;align-items:center;gap:16px}
h3.fd-name .fb{width:56px;height:56px;border-radius:16px;color:#0e6b58!important;background:linear-gradient(150deg,rgba(14,107,88,.22),rgba(14,107,88,.08))}
h3.fd-name .fb[data-role=arquivo]{color:#2f5f8a!important;background:linear-gradient(150deg,rgba(47,95,138,.22),rgba(47,95,138,.08))}
h3.fd-name .fb>svg{width:36px;height:36px;stroke-width:1.8}
h3.fd-name .fb-seal{width:22px;height:22px}
/* Fotos do acervo nos formulários (components/ui/photo-picker.tsx) */
.nx-photos{display:grid;gap:8px;margin-top:14px;text-align:left}
.nx-photos-label{font:500 13px/1.4 Figtree,Arial,sans-serif;color:#16233d}
.nx-photos-label small{font-weight:400;color:#6b7680}
.nx-photos-drop{position:relative;display:grid;gap:3px;padding:13px 16px 13px 52px;border:1.5px dashed #c9c2b0;border-radius:12px;background:#faf8f2;cursor:pointer;transition:border-color .2s,background .2s}
.nx-photos-drop::before{content:"";position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:#0e6b58;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.nx-photos-drop:hover,.nx-photos-drop:focus-within{border-color:#0e6b58;background:#f3f6f1}
.nx-photos-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.nx-photos-drop b{font:600 14px/1.3 Figtree,Arial,sans-serif;color:#0e6b58}
.nx-photos-drop span{font:12.5px/1.45 Figtree,Arial,sans-serif;color:#6b7680}
.nx-photos-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.nx-photos-list li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid rgba(22,35,61,.1);border-radius:10px;background:#fff;font:13px/1.3 Figtree,Arial,sans-serif;color:#52616b}
.nx-photos-list img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.nx-photos-list button{border:0;background:none;padding:6px;color:#9a4f17;font:500 12.5px Figtree,Arial,sans-serif;text-decoration:underline;cursor:pointer}
/* Envelope da confirmação de envio */
.nx-envelope{display:block;width:120px;height:auto;max-width:100%;margin:0 0 18px;overflow:visible}
.nx-envelope *{transform-box:fill-box}
.nx-env-back{fill:#ebe6d8;stroke:#16233d;stroke-width:1.5}
.nx-env-flap-open{fill:#e2dccb;stroke:#16233d;stroke-width:1.5;stroke-linejoin:round;animation:nx-env-hide .01s linear .95s forwards}
.nx-env-letter rect{fill:#fffdf7;stroke:#16233d;stroke-width:1.5}
.nx-env-letter path{stroke:#0e6b58;stroke-width:2;stroke-linecap:round;fill:none}
.nx-env-letter{transform:translateY(-38px);animation:nx-env-in .7s cubic-bezier(.5,0,.3,1) .2s forwards}
.nx-env-pocket{fill:#f5f3ec;stroke:#16233d;stroke-width:1.5;stroke-linejoin:round}
.nx-env-flap{fill:#e2dccb;stroke:#16233d;stroke-width:1.5;stroke-linejoin:round;transform-origin:50% 0;transform:scaleY(0);animation:nx-env-close .4s cubic-bezier(.3,.6,.3,1.2) .95s forwards}
.nx-env-seal{transform-origin:50% 50%;transform:scale(0);animation:nx-env-seal .35s cubic-bezier(.3,1.6,.5,1) 1.35s forwards}
.nx-env-seal circle{fill:#F2994A;stroke:#16233d;stroke-width:1.5}
.nx-env-seal path{fill:none;stroke:#16233d;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@keyframes nx-env-in{to{transform:none}}
@keyframes nx-env-hide{to{opacity:0}}
@keyframes nx-env-close{to{transform:scaleY(1)}}
@keyframes nx-env-seal{to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.nx-env-letter,.nx-env-flap,.nx-env-seal{animation:none;transform:none}.nx-env-flap-open{animation:none;opacity:0}}
/* FAQ em formato de conversa: a pergunta aberta vira o balão do cliente e a resposta chega como mensagem da Nexos */
:is(.dg-faq,.sg-faq,.lp2-faq) details[open]>summary{width:fit-content;max-width:100%;margin:14px 0 4px;padding:14px 18px;border-radius:18px 18px 18px 4px;background:#16233d;color:#f5f3ec!important;min-height:0;gap:18px}
:is(.dg-faq,.sg-faq) details[open]>summary>span{color:#F2994A}
.lp2-faq details[open]>summary i{background:rgba(255,255,255,.14)}
:is(.dg-faq,.sg-faq,.lp2-faq) details>p,.nx-faq-answer{--bub:#e7efe9;--bub-fg:#26363f;position:relative;margin:12px 0 18px 46px!important;padding:14px 18px!important;max-width:60ch;border-radius:4px 18px 18px 18px;background:var(--bub);color:var(--bub-fg)!important}
.nx-faq-answer{--bub:rgba(255,255,255,.08);--bub-fg:#dfe6e8;margin:0 20px 20px 66px!important}
.nx-faq-answer p{color:inherit!important;margin:0}
:is(.dg-faq,.sg-faq,.lp2-faq) details>p::before,.nx-faq-answer::before{content:"N";position:absolute;left:-46px;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0e6b58;color:#f5f3ec;font:600 16px/1 Lora,Georgia,serif;box-shadow:0 0 0 3px rgba(242,153,74,.35)}
:is(.dg-faq,.sg-faq,.lp2-faq) details[open]>p,.nx-faq-question[open] .nx-faq-answer{animation:nx-chat-text .01s linear .55s both}
:is(.dg-faq,.sg-faq,.lp2-faq) details[open]>p::after,.nx-faq-question[open] .nx-faq-answer::after{content:"";position:absolute;left:18px;top:20px;width:6px;height:6px;border-radius:50%;background:currentColor;color:#6b7a80;box-shadow:12px 0 0 #6b7a80,24px 0 0 #6b7a80;animation:nx-chat-dots .55s steps(1) both}
.nx-faq-question[open] .nx-faq-answer::after{color:#c7d1d2;box-shadow:12px 0 0 #c7d1d2,24px 0 0 #c7d1d2}
@keyframes nx-chat-text{from{color:transparent}to{color:var(--bub-fg)}}
.nx-faq-question[open] .nx-faq-answer p{animation:nx-chat-p .01s linear .55s both}
@keyframes nx-chat-p{from{opacity:0}to{opacity:1}}
@keyframes nx-chat-dots{0%{opacity:1}99%{opacity:1}100%{opacity:0}}
@media(max-width:640px){:is(.dg-faq,.sg-faq,.lp2-faq) details>p,.nx-faq-answer{margin-left:40px!important}.nx-faq-answer{margin-right:14px!important}:is(.dg-faq,.sg-faq,.lp2-faq) details>p::before,.nx-faq-answer::before{left:-40px;width:30px;height:30px;font-size:14px}}
@media(prefers-reduced-motion:reduce){:is(.dg-faq,.sg-faq,.lp2-faq) details[open]>p,.nx-faq-question[open] .nx-faq-answer,.nx-faq-question[open] .nx-faq-answer p{animation:none}:is(.dg-faq,.sg-faq,.lp2-faq) details>p::after,.nx-faq-answer::after{display:none}}

/* Segmentos em lista, com o desenho de cada área */
.sg-morph-list{list-style:none;margin:0;padding:0;border-top:1px solid #d6d2c5}
.sg-morph-list li{border-bottom:1px solid #d6d2c5}
.sg-morph-list a{display:grid;grid-template-columns:76px minmax(0,1.1fr) minmax(0,1.6fr) 110px 22px;align-items:center;gap:22px;padding:14px 12px;color:#16233d;text-decoration:none;border-radius:12px;transition:background .2s}
.sg-morph-list a:hover,.sg-morph-list a:focus-visible{background:#fffdf7;outline:none}
.sg-morph-list a:focus-visible{box-shadow:inset 0 0 0 2px #0e6b58}
.sg-morph-ico{display:grid;place-items:center;width:76px;height:66px;border-radius:12px;background:#fffdf7;border:1px solid #e1dccf;transition:border-color .2s,transform .3s}
.sg-morph-ico svg{width:72px;height:auto}
.sg-morph-list a:hover .sg-morph-ico{border-color:#0e6b58;transform:rotate(-2deg)}
.sg-morph-name{display:flex;align-items:baseline;gap:12px;min-width:0}
.sg-morph-n{font:400 12px/1 'JetBrains Mono',monospace;color:#8e6841}
.sg-morph-list b{font:600 19px/1.25 Figtree,Arial,sans-serif;letter-spacing:-.015em}
.sg-morph-t{font:14px/1.55 Figtree,Arial,sans-serif;color:#5c6970}
.sg-morph-c{justify-self:start;padding:4px 9px;border-radius:99px;background:#e8eee9;color:#0e6b58;font:500 12px/1.2 Figtree,Arial,sans-serif}
.sg-morph-list a>svg{width:18px;height:18px;color:#0e6b58;transition:transform .2s}
.sg-morph-list a:hover>svg{transform:translateX(3px)}
@media(max-width:820px){.sg-morph-list a{grid-template-columns:60px minmax(0,1fr) 20px;gap:14px;padding:12px 4px}.sg-morph-ico{width:60px;height:52px}.sg-morph-ico svg{width:56px}.sg-morph-t,.sg-morph-c{display:none}.sg-morph-name{flex-direction:column;gap:4px}.sg-morph-list b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.sg-morph-ico{transition:none}}
/* Ícone de linha (o mesmo do menu) em verde, num quadrado cor de papel com borda fina */
.sg-morph-list a{grid-template-columns:52px minmax(0,1.1fr) minmax(0,1.6fr) 110px 22px}
.sg-morph-ico{width:52px;height:52px;border-radius:14px;background:#fffdf7;border:1px solid #d9d3c4;color:#0e6b58;transform:none}
.sg-morph-ico svg{width:24px;height:24px}
.sg-morph-list a:hover .sg-morph-ico{border-color:#0e6b58;background:#eef4f0;transform:none}
@media(max-width:820px){.sg-morph-list a{grid-template-columns:46px minmax(0,1fr) 20px}.sg-morph-ico{width:46px;height:46px;border-radius:12px}.sg-morph-ico svg{width:22px;height:22px}}
/* FAQ da Home em conversa: o card aberto fica claro; pergunta em balão navy, resposta em balão claro */
.nx-home-redesign #faq.nx-faq-v2 .nx-faq-question[open],.nx-faq-v2 .nx-faq-question[open]{background:#fffdf8!important;border-color:#16233d21!important;color:#16233d!important}
.nx-faq-v2 .nx-faq-question[open] summary{width:fit-content;max-width:calc(100% - 28px);margin:14px 14px 0;padding:13px 16px;border-radius:16px 16px 16px 4px;background:#16233d;color:#f5f3ec!important;gap:12px}
.nx-home-redesign #faq.nx-faq-v2 .nx-faq-question[open] summary{color:#f5f3ec!important}
.nx-faq-v2 .nx-faq-question[open] .nx-faq-number{color:#c3d9ce}
.nx-faq-v2 .nx-faq-answer{--bub:#e7efe9;--bub-fg:#26363f;margin:10px 14px 16px 58px!important;padding:12px 16px!important;border-radius:4px 16px 16px 16px;max-width:none}
.nx-home-redesign #faq.nx-faq-v2 .nx-faq-answer p,.nx-faq-v2 .nx-faq-answer p{color:#26363f!important;font-size:15px;line-height:1.7}
.nx-faq-v2 .nx-faq-answer::before{left:-44px;width:32px;height:32px;font-size:15px}
.nx-faq-v2 .nx-faq-question[open] .nx-faq-answer::after{color:#6b7a80;box-shadow:12px 0 0 #6b7a80,24px 0 0 #6b7a80}
@media(max-width:640px){.nx-faq-v2 .nx-faq-question[open] summary{margin:10px 10px 0;max-width:calc(100% - 20px)}.nx-faq-v2 .nx-faq-answer{margin:8px 10px 14px 50px!important}.nx-faq-v2 .nx-faq-answer::before{left:-40px;width:30px;height:30px}}
/* Celular: no banner das páginas de serviço e de digitalização, primeiro o título, depois a ilustração, depois o formulário */
@media(max-width:720px){
  .dg-page .dg-hero>.dg-hero-copy{order:1!important}
  .dg-page .dg-hero>.dg-hero-art{order:2!important;margin-top:18px}
  .dg-page .dg-hero>:is(.sg-inquiry,.dg-inquiry){order:3!important;margin-top:18px}
}