/* =====================================================================
   Nexos 5.1 — ritmo.css
   Carregado por último em todas as páginas do layout nx5.
   1) Escala de espaçamento única (grade de 8 px) aplicada ao site todo.
   2) Ajustes da rodada de 16/10 (logo, formulário em card, rodapé,
      WhatsApp verde e flutuante, carrossel de serviços, menu, cards
      diferentes nas páginas de serviço).
   ===================================================================== */

/* ---------- 1. Escala de espaçamento (8 px) ---------- */
:root{
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;
  --sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
  --sec-y:clamp(64px,7.5vw,96px);          /* entre seções */
  --sec-y-sm:clamp(48px,5.5vw,72px);        /* logo após o banner */
  --head-gap:clamp(28px,3.4vw,48px);        /* título da seção -> conteúdo */
  --card-pad:clamp(24px,2.4vw,32px);      /* respiro interno dos cards */
  --grid-gap:clamp(16px,2vw,24px);        /* entre cards */
  --wa:#178A55;--wa-d:#12734A;--wa-ink:#FFFFFF;
}

/* seções */
main .x-sec{padding-block:var(--sec-y) 0!important}
main .pg-band>.x-sec:first-child{padding-top:var(--sec-y-sm)!important}
main .f-sec{padding:var(--sec-y) 0 0!important}
main .x-sec[style*="padding-bottom:0"]{padding-bottom:0!important}

/* cabeçalho das seções: eyebrow 16 / título / intro 16 / conteúdo 32–56 */
main .x-head{margin-bottom:var(--head-gap)!important;gap:var(--sp-6)!important}
main .x-eb{margin:0 0 var(--sp-4)!important}
main .x-h2{margin:0!important;font-size:clamp(30px,3.4vw,46px)!important;line-height:1.08!important}
main .x-intro{margin:var(--sp-4) 0 0!important;font-size:17px!important;line-height:1.6!important}
main .f-head h2{margin:var(--sp-4) 0 0!important;font-size:clamp(30px,3.4vw,46px)!important}
main .f-head p{margin-top:var(--sp-4)!important}
main .f-list{margin-top:var(--head-gap)!important}

/* grades e cards */
main :is(.np-grid,.pg-feats,.fl-list,.svm,.pg-segs,.lgc-grid,.lgq,.dsx,.sg-grid){margin-top:0!important}
main :is(.np-grid,.fl-list,.svm,.lgc-grid,.lgq){gap:var(--grid-gap)!important}
main .np{padding:var(--card-pad)!important;gap:var(--sp-3)!important}
main .np h3{margin:var(--sp-2) 0 0!important}
main .pg-hero .hero-ctas{margin-top:var(--sp-6)!important}
main .pg-hero .pg-facts{margin-top:var(--sp-5)!important}

/* ---------- 2. Logo: "Nexos Acervo" na mesma família (Lora) ---------- */
.wm small.wm-ac,.x-hdr .brand .wm small,.z-ft-top .brand .wm small{
  font-family:var(--display,Lora),Georgia,serif!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:-.005em!important;color:#E07F2C!important}
.x-hdr .brand .wm{flex-direction:row!important;align-items:baseline!important;gap:.28em!important}
.x-hdr .brand .wm b,.x-hdr .brand .wm small{font-size:23px!important;line-height:1!important;margin:0!important}
@media(max-width:480px){.x-hdr .brand .wm b,.x-hdr .brand .wm small{font-size:19px!important}.x-hdr .brand>svg{width:28px!important;height:28px!important}}
@media(max-width:370px){.x-hdr .brand .wm small{display:inline!important}.x-hdr .brand .wm b,.x-hdr .brand .wm small{font-size:17px!important}.x-hdr .brand{gap:7px!important}}

/* rodapé: marca menor */
.z-ft-top .brand svg{width:34px!important;height:34px!important}
.z-ft-top .brand .wm{flex-direction:row!important;align-items:baseline!important;gap:.28em!important}
.z-ft-top .brand .wm b,.z-ft-top .brand .wm small{font-size:24px!important;margin:0!important;line-height:1!important}
.z-ft-top .brand .wm small{color:#F2A766!important}
.ft-sep .ft-badge{transform:scale(.6)}

/* ---------- 3. Formulário em card escuro, rodapé separado ---------- */
#nxbg{display:none!important}
#contato{padding-top:var(--sec-y)!important;padding-bottom:var(--sp-9)!important}
#contato .ct6{margin:0!important;border-radius:28px!important;background:#0F1A30!important;color:#F5F3EC;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 40px 80px -48px rgba(15,26,48,.75)}
#contato .ct6 .oc-card{padding:clamp(28px,4.5vw,64px)!important}
#zfoot{margin-top:0!important;border-radius:28px 28px 0 0!important;border-top:0!important;background:#0F1A30!important}
#zfoot>canvas{display:block!important;border-radius:inherit}

/* ---------- 4. WhatsApp sempre verde ---------- */
a[href][href*="wa.me"]:is(.btn,.f-b,.f-b2,.dg-b2,.sp-b2,.z-b2,.oc-wa,.mb-wa,.ct-wa-b,.lk-wa){
  background:var(--wa)!important;background-image:none!important;border-color:var(--wa)!important;box-shadow:none!important;color:var(--wa-ink)!important;font-weight:600!important}
a[href][href*="wa.me"]:is(.btn,.f-b,.f-b2,.dg-b2,.sp-b2,.z-b2,.oc-wa,.mb-wa):hover{background:var(--wa-d)!important;border-color:var(--wa-d)!important}
a[href][href*="wa.me"]:is(.btn,.f-b,.f-b2,.dg-b2,.sp-b2,.z-b2,.oc-wa,.mb-wa) :is(small,span,b){color:var(--wa-ink)!important}
a[href][href*="wa.me"]:is(.btn,.f-b,.f-b2,.dg-b2,.sp-b2,.z-b2,.oc-wa,.mb-wa) svg{color:var(--wa-ink)!important;stroke:currentColor}
.z-ft a[href*="wa.me"]{background:var(--wa)!important;border-color:var(--wa)!important;color:#fff!important}
.ctc.wa{background:#0F3A2A!important;border-color:#0F3A2A!important}
.ctc.wa .bt a{background:var(--wa)!important;border-color:var(--wa)!important;color:var(--wa-ink)!important}

/* botão flutuante */
.wa-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:60;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--wa);color:#fff;
  box-shadow:0 10px 26px -8px rgba(6,48,26,.55),0 0 0 0 rgba(37,211,102,.45);transition:transform .25s,box-shadow .25s;animation:waPulse 2.8s ease-out 3s 3}
.wa-fab svg{width:30px;height:30px}
.wa-fab:hover{transform:translateY(-2px) scale(1.04)}
.wa-fab:focus-visible{outline:3px solid #16233D;outline-offset:3px}
@keyframes waPulse{0%{box-shadow:0 10px 26px -8px rgba(6,48,26,.55),0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 10px 26px -8px rgba(6,48,26,.55),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 10px 26px -8px rgba(6,48,26,.55),0 0 0 0 rgba(37,211,102,0)}}
@media(min-width:861px){.wa-fab{width:54px;height:54px}.wa-fab svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.wa-fab{animation:none}}

/* ---------- 5. Menu Serviços: etapas com verbo + submenu da Digitalização ---------- */
.nm-tx i{font-style:normal}
.nm-dig{display:flex;flex-direction:column;gap:6px}
/* submenu da Digitalização: lista fixa logo abaixo do item (desktop e celular) */
.x-hdr .nm-items{align-items:start}
.x-hdr .nm-dig .nm-it .nm-tx b::after{content:none}
.x-hdr .nm-sub2{list-style:none;margin:2px 0 4px 54px;padding:2px 0 0 14px;border-left:1.5px solid rgba(22,35,61,.16);display:grid;gap:2px}
.x-hdr .nm-sub2 a{display:flex!important;align-items:center;gap:9px;padding:6px 8px!important;border-radius:8px;font:500 13.5px/1.2 Helvetica,Arial,sans-serif!important;color:#16233D!important;text-decoration:none;background:none!important;border:0!important;width:auto!important;height:auto!important;min-height:0!important}
.x-hdr .nm-sub2 a:hover,.x-hdr .nm-sub2 a:focus-visible{background:rgba(22,35,61,.06)!important}
.x-hdr .nm-sub2 .ic{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#DCE3EC;color:#16233D}
.x-hdr .nm-sub2 .ic svg{width:14px;height:14px}
.mb-sub2{display:grid;gap:2px;margin:-2px 0 8px 30px;padding-left:14px;border-left:1.5px solid rgba(22,35,61,.16)}
.mb-sub2 a{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;font:500 15px/1.2 Helvetica,Arial,sans-serif;color:#16233D;text-decoration:none}
.mb-sub2 a:active{background:rgba(22,35,61,.06)}
.mb-sub2 .ic{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#DCE3EC;color:#16233D}
.mb-sub2 .ic svg{width:15px;height:15px}
.nm-sub{display:none!important}

/* ---------- 6. Carrossel de serviços (Home) · Carousel do React Bits ---------- */
#servicos .z-wrap{height:auto!important}
#servicos .z-hint,#servicos .z-dots{display:none!important}
.nx-car .carousel-card.is-custom{background:none!important;box-shadow:none!important;padding:0!important}
.nx-car .carousel-card-rim{display:none}
.nx-car .cslot,.nx-car .cslot>.z-card{height:100%!important;width:100%;min-height:0!important}
.nx-car .cslot>.z-card{border-radius:16px!important}
.nx-car .carousel-controls{margin-top:var(--sp-5)}
.nx-car .carousel{--carousel-frame:rgba(255,255,255,.55)!important;--carousel-frame-edge:rgba(22,35,61,.1)!important}
.nx-car .cslot>.z-card{border:0!important;box-shadow:none!important}
.nx-car .cslot .z-card .z-clip{position:absolute!important;inset:0}
.nx-car .cslot .z-txt{display:flex!important;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,44px)!important;overflow:hidden}
.nx-car .cslot .z-pills{flex-wrap:wrap}
.nx-car.nx-stack .cslot .z-card .z-clip{display:flex!important;flex-direction:column!important}
.nx-car.nx-stack .cslot .z-media{order:-1!important;flex:0 0 55%!important;height:auto!important;aspect-ratio:auto!important;min-height:0}
.nx-car.nx-stack .cslot .z-txt{flex:1!important;padding:20px 22px!important}
.nx-car.nx-stack .cslot .z-card h3{font-size:clamp(22px,4.4vw,30px)!important;margin:8px 0!important}
.nx-car.nx-stack .cslot .z-card p{font-size:15.5px!important}
.carousel-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:100%;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}.carousel-container.has-frame{gap:16px}.carousel-stage{position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:12px;box-sizing:border-box;border-radius:var(--carousel-radius)}.carousel-container:focus-visible .carousel-stage{outline:2px solid var(--carousel-ink);outline-offset:4px}.carousel-container.has-frame .carousel-stage{padding:10px;border-radius:calc(var(--carousel-radius) + 10px);background:var(--carousel-frame);box-shadow:var(--carousel-frame-shadow);overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.carousel-container.has-frame.is-round .carousel-stage{border-radius:50%}.carousel-frame-rim{position:absolute;inset:0;z-index:30;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--carousel-frame-edge),inset 0 1px 0 var(--carousel-frame-highlight);pointer-events:none}.carousel-viewport{position:relative;align-self:stretch;touch-action:pan-y;user-select:none;-webkit-user-select:none}.carousel-viewport[data-draggable=true]{cursor:grab}.carousel-viewport[data-dragging=true]{cursor:grabbing}.carousel-slide{position:absolute;top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.carousel-slide:not([data-current]){cursor:pointer}.carousel-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;height:100%;padding:calc(20px * var(--carousel-scale, 1));box-sizing:border-box;border-radius:var(--carousel-radius);background:var(--carousel-tile);box-shadow:var(--carousel-tile-shadow);color:var(--carousel-ink);overflow:hidden;transition:filter .25s ease}.carousel-card-rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--carousel-tile-edge),inset 0 1px 0 var(--carousel-tile-highlight);pointer-events:none}.carousel-card.is-custom{display:block;padding:0}.carousel-card.is-round{align-items:center;justify-content:center;gap:14px;padding:14%;text-align:center}.carousel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel-scrim{position:absolute;inset:0;opacity:var(--carousel-focus, 1);pointer-events:none;background:linear-gradient(to top,#0000009e,#0009 8%,#0000008a,#00000073 26%,#00000057,#00000038,#0000001c 56%,#0000000a,#0000 72%)}.carousel-card.is-round .carousel-scrim{background:#0000004d}.carousel-icon{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--carousel-badge);color:var(--carousel-ink)}.carousel-card.has-image .carousel-icon{background:#ffffff2e;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.carousel-icon svg{width:16px;height:16px}.carousel-text{position:relative;margin-top:auto;opacity:var(--carousel-focus, 1)}.carousel-card.is-round .carousel-text{margin-top:0}.carousel-title{font-size:calc(18px * var(--carousel-scale, 1));font-weight:600;line-height:1.25;letter-spacing:-.01em}.carousel-description{margin:4px 0 0;font-size:calc(14px * var(--carousel-scale, 1));line-height:1.45;color:var(--carousel-muted)}.carousel-card.has-image .carousel-title{color:#fff}.carousel-card.has-image .carousel-description{color:#ffffffc7}.carousel-shade{position:absolute;inset:0;border-radius:var(--carousel-radius);background:#000;pointer-events:none}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%}.carousel-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--carousel-tile);box-shadow:inset 0 0 0 1px var(--carousel-tile-edge),inset 0 1px 0 var(--carousel-tile-highlight),var(--carousel-tile-shadow);color:var(--carousel-ink);cursor:pointer;transition:opacity .2s ease,filter .2s ease,transform .2s ease}.carousel-arrow:disabled{opacity:.35;cursor:default}.carousel-arrow:not(:disabled):active{filter:var(--carousel-press);transform:scale(.92);transition-duration:0s}.carousel-arrow:focus-visible,.carousel-dot:focus-visible,.carousel-bar:focus-visible{outline:2px solid var(--carousel-ink);outline-offset:2px}.carousel-dots{display:flex;align-items:center}.carousel-dot{display:grid;place-items:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.carousel-dot-mark{width:8px;height:8px;border-radius:50%;background:var(--carousel-faint);transition:background-color .2s ease,transform .2s ease}.carousel-dot.is-active .carousel-dot-mark{background:var(--carousel-ink);transform:scale(1.2)}.carousel-bars{display:flex;flex:1;gap:6px;min-width:0}.carousel-bar{display:flex;align-items:center;flex:1;height:20px;padding:0;border:none;background:none;cursor:pointer}.carousel-bar-track{position:relative;width:100%;height:3px;border-radius:3px;background:var(--carousel-faint);overflow:hidden;transition:background-color .2s ease}.carousel-bar-fill{position:absolute;inset:0;background:var(--carousel-ink);transform-origin:left center}.carousel-counter{display:flex;align-items:baseline;gap:6px;overflow:hidden;font-size:13px;font-variant-numeric:tabular-nums;color:var(--carousel-muted)}.carousel-counter-current{display:inline-block;color:var(--carousel-ink)}@media (hover: hover){.carousel-slide:hover .carousel-card{filter:var(--carousel-hover)}.carousel-arrow:not(:disabled):hover{filter:var(--carousel-hover)}.carousel-arrow:not(:disabled):hover:active{filter:var(--carousel-press)}.carousel-dot:not(.is-active):hover .carousel-dot-mark,.carousel-bar:hover .carousel-bar-track{background:var(--carousel-soft)}}
.threads-container{position:relative;width:100%;height:100%}.threads-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}

/* ---------- 7. Banner da Home: linhas-guia só na 1ª cena ---------- */
.stage .links{transition:opacity .35s!important}
.stage:is(.s2,.flip,.pdfon,.vfade,.out,.endon) .links{opacity:0!important}

/* ---------- 8. Páginas de serviço: cada parte com uma cara ---------- */
/* A · Primeiro bloco (vantagens/funções/pilares): fichas editoriais */
body[data-nx=servico] .pg-band>.x-sec:first-child .np-grid .np,
body[data-nx=servico] main>.x-sec .np-grid:not(:has(a.np)) .np{
  background:transparent!important;box-shadow:none!important;border:0!important;border-top:2px solid #16233D!important;border-radius:0!important;padding:var(--sp-5) 0 0!important}
body[data-nx=servico] .pg-band>.x-sec:first-child .np-grid .np .ic,
body[data-nx=servico] main>.x-sec .np-grid:not(:has(a.np)) .np .ic{width:44px;height:44px;border-radius:12px;background:#16233D!important;color:#F5F3EC!important;box-shadow:none!important}
body[data-nx=servico] .pg-band>.x-sec:first-child .np-grid .np h3,
body[data-nx=servico] main>.x-sec .np-grid:not(:has(a.np)) .np h3{font-size:22px!important}
body[data-nx=servico] .pg-band>.x-sec:first-child .np-grid .np::before,
body[data-nx=servico] .pg-band>.x-sec:first-child .np-grid .np::after{display:none!important}

/* B · Lista de ganhos (pg-feats): números grandes, sem ícone */
body[data-nx=servico] .pg-feats{counter-reset:pf;border-top:0!important}
body[data-nx=servico] .pg-feats li{counter-increment:pf;flex-direction:column!important;gap:var(--sp-2)!important;padding:var(--sp-5) var(--sp-5) var(--sp-5) 0!important;border-bottom:0!important;border-right:1px solid rgba(22,35,61,.14)}
body[data-nx=servico] .pg-feats li+li{padding-left:var(--sp-5)!important}
body[data-nx=servico] .pg-feats li:last-child{border-right:0}
body[data-nx=servico] .pg-feats li::before{content:counter(pf,decimal-leading-zero);font:600 clamp(40px,4vw,56px)/1 var(--display,Lora),serif;color:#0E6B58;letter-spacing:-.02em}
body[data-nx=servico] .pg-feats .ic{display:none!important}
body[data-nx=servico] .pg-feats b{font:600 20px/1.25 var(--display,Lora),serif!important}

/* C · Segundo bloco da faixa (ex.: Segurança no GED, O que fazemos): painel navy */
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid){position:relative;margin-top:var(--sec-y);padding:var(--sp-8) clamp(20px,4vw,56px)!important;border-radius:28px;background:#16233D;color:#F5F3EC;isolation:isolate;overflow:hidden}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid)::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 100% 0%,rgba(14,107,88,.45),transparent 60%),linear-gradient(rgba(245,243,236,.05) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(245,243,236,.05) 1px,transparent 1px) 0 0/28px 28px}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) :is(.x-h2,.x-h2 span,h3){color:#F5F3EC!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .x-h2 span{color:#9FD9C6!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) :is(.x-eb,.x-intro,p){color:#C9D1DD!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .np{background:rgba(245,243,236,.06)!important;border:1px solid rgba(245,243,236,.14)!important;box-shadow:none!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .np .ic{background:rgba(245,243,236,.1)!important;color:#9FD9C6!important;box-shadow:none!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .np small{color:#F2A766!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .np::before,
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .np::after{display:none!important}

/* D · Bloco da plataforma (dentro da faixa da metodologia): mini telas de sistema */
body[data-nx=servico] .z-mt .x-sec .np-grid .np{padding:0!important;overflow:hidden;background:#fff!important;border:1px solid rgba(22,35,61,.14)!important;border-radius:14px!important;box-shadow:0 18px 34px -28px rgba(15,26,48,.6)!important}
body[data-nx=servico] .z-mt .x-sec .np-grid .np::before{content:"";display:block!important;position:static!important;height:30px;background:#EEF1F5 radial-gradient(circle at 16px 15px,#F2994A 3.5px,transparent 4px),#EEF1F5;border-bottom:1px solid rgba(22,35,61,.1);
  -webkit-mask:none;mask:none;opacity:1;transform:none}
body[data-nx=servico] .z-mt .x-sec .np-grid .np::after{content:"";position:absolute;top:12px;left:28px;width:7px;height:7px;border-radius:50%;background:#C9D1DD;box-shadow:12px 0 0 #C9D1DD;display:block!important}
body[data-nx=servico] .z-mt .x-sec .np-grid .np>*{margin-left:var(--sp-5)!important;margin-right:var(--sp-5)!important}
body[data-nx=servico] .z-mt .x-sec .np-grid .np>.ic{margin-top:var(--sp-5)!important;background:#E9F2EF!important;box-shadow:none!important;border-radius:10px}
body[data-nx=servico] .z-mt .x-sec .np-grid .np>:last-child{margin-bottom:var(--sp-5)!important}
body[data-nx=servico] .z-mt .x-sec .np-grid .np small{font-family:var(--x-mono,ui-monospace),monospace}

/* E · "Outros tipos de acervo": cards de link com seta */
body[data-nx=servico] main>.x-sec .np-grid:has(a.np) a.np{border:1px solid rgba(22,35,61,.14)!important;background:#FBF9F4!important}
body[data-nx=servico] main>.x-sec .np-grid:has(a.np) a.np:hover{border-color:#16233D!important}

@media(max-width:860px){
  body[data-nx=servico] .pg-feats li{border-right:0!important;border-bottom:1px solid rgba(22,35,61,.14)!important;padding-left:0!important}
  body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid){border-radius:20px;padding:var(--sp-7) var(--sp-5)!important}
}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) a{color:#9FD9C6!important}
body[data-nx=servico] .pg-band>.x-sec+.x-sec:has(.np-grid) .np-grid+*{margin-top:var(--sp-6)!important}
body[data-nx=servico] .z-mt .x-sec .np-grid .np{padding-bottom:var(--sp-5)!important}
@media(max-width:860px){body[data-nx=servico] .pg-feats li,body[data-nx=servico] .pg-feats li+li{padding:var(--sp-5) 0!important}}
@media(max-width:640px){
  #contato{padding-bottom:var(--sp-7)!important}
  #contato .ct6{border-radius:22px!important}
  #contato .ct6 .oc-card{padding:28px 16px!important}
  #contato .ct6 .oc-panel{padding:16px 0!important}
  #zfoot{border-radius:22px 22px 0 0!important}
}

/* formulário: fundo Threads (React Bits) */
#contato .ct6>.y-g{display:none!important}
#contato .ct6>.ct-th{position:absolute;inset:0;z-index:0;pointer-events:none}
#contato .ct6>.ct-th>*{position:absolute!important;inset:0;width:100%!important;height:100%!important}
#contato .ct6>:not(.ct-th){position:relative;z-index:1}
#contato .ct6 .oc-card,#contato .ct6 .oc-sec{background:transparent!important}

.x-hdr .hd-wa,.x-hdr .navr .hd-wa{background:var(--wa)!important;border-color:var(--wa)!important;color:#fff!important}
.x-hdr .hd-wa:hover{background:var(--wa-d)!important;border-color:var(--wa-d)!important}

/* banner da Home: o fundo do vídeo some no papel, fica só a folha */
.stage .vbox{mix-blend-mode:multiply}
.stage:not(.pdfon) .vbox{filter:contrast(1.04)}
.stage{background:#F0EEE9!important;-webkit-mask:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}

.stage:not(.pdfon) .vbox{-webkit-mask:radial-gradient(ellipse 34% 46% at 50% 49%,#000 72%,transparent 100%);mask:radial-gradient(ellipse 34% 46% at 50% 49%,#000 72%,transparent 100%)}
.x-hdr .mb-sub2 a,.mb-sub2>a{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:9px 8px!important;margin:0!important;min-height:0!important;font:500 15px/1.2 Helvetica,Arial,sans-serif!important}
.mb-sub2>a .ic{margin:0!important}

/* Nexos 5.5 · cards do carrossel: texto em navy, desenho em branco com quadriculado */
:is(#servicos,body) .nx-car .cslot .z-card{background:#16233D!important;color:#F5F3EC}
:is(#servicos,body) .nx-car .cslot .z-card .z-txt{background:#16233D!important}
:is(#servicos,body) .nx-car .cslot .z-card h3{color:#fff!important}
:is(#servicos,body) .nx-car .cslot .z-card p{color:#C9D1DD!important}
:is(#servicos,body) .nx-car .cslot .z-card .z-lbl{color:#F2A766!important}
:is(#servicos,body) .nx-car .cslot .z-card .z-pills li{background:rgba(245,243,236,.08)!important;border-color:rgba(245,243,236,.18)!important;color:#E6EAF0!important}
:is(#servicos,body) .nx-car .cslot .z-card .z-more{color:#fff!important}
:is(#servicos,body) .nx-car .cslot .z-card .z-arw{background:#F5F3EC!important;color:#16233D!important}
:is(#servicos,body) .nx-car .cslot .z-card .z-arw svg,.nx-car .cslot .z-card .z-arw svg *{stroke:#16233D!important;color:#16233D!important}
:is(#servicos,body) .nx-car .cslot .z-card .z-media{background:#fff!important;background-image:linear-gradient(rgba(22,35,61,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,35,61,.06) 1px,transparent 1px)!important;background-size:28px 28px!important}

/* Nexos 5.6 · páginas de segmento: um desenho de card por seção */
/* A · Principais documentos: lista editorial numerada, sem caixa */
:is(body[data-nx=segmento],body[data-nx=cartorios]) .np-grid{counter-reset:docn;gap:var(--grid-gap)!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .np-grid>.np{counter-increment:docn;position:relative;background:transparent!important;border:0!important;border-top:2px solid #16233D!important;border-radius:0!important;box-shadow:none!important;padding:var(--sp-4) 0 0!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .np-grid>.np::before{content:counter(docn,decimal-leading-zero);display:block;font:500 12px/1 var(--x-mono,ui-monospace),monospace;letter-spacing:.12em;color:#0E6B58;margin-bottom:var(--sp-3)}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .np-grid>.np .ic{position:absolute;top:var(--sp-4);right:0;width:36px;height:36px;border-radius:10px;background:#E9F2EF!important;box-shadow:none!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .np-grid>.np h3{margin-top:0!important;padding-right:44px}
/* B · Hoje → Com a Nexos: a dor fica tracejada e apagada; a solução, branca com filete teal */
:is(body[data-nx=segmento],body[data-nx=cartorios]) .pain{background:transparent!important;border:1.5px dashed rgba(22,35,61,.28)!important;box-shadow:none!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .fix{border:1px solid rgba(22,35,61,.12)!important;border-left:4px solid #0E6B58!important}
/* C · Faixa escura (sigilo/spec): três "cartões de painel" com índice e filete no topo */
:is(body[data-nx=segmento],body[data-nx=cartorios]) .pg-spec ul{counter-reset:spn}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .pg-spec li{counter-increment:spn;position:relative;background:rgba(245,243,236,.05)!important;border:0!important;border-top:3px solid #2FA384!important;border-radius:4px 4px 14px 14px!important;padding-top:var(--sp-5)!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .pg-spec li::before{content:counter(spn,decimal-leading-zero);position:absolute;top:10px;right:14px;font:500 11px/1 var(--x-mono,ui-monospace),monospace;letter-spacing:.12em;color:rgba(245,243,236,.45)}
/* D · Serviços indicados: mini cards (desenho branco com quadriculado em cima, texto navy embaixo) */
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm>a{border:0!important;border-radius:18px!important;overflow:hidden;background:#16233D!important;box-shadow:0 22px 40px -30px rgba(15,26,48,.7)}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm .im{background:#fff!important;background-image:linear-gradient(rgba(22,35,61,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,35,61,.06) 1px,transparent 1px)!important;background-size:26px 26px!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm .tx{background:#16233D!important;padding:var(--sp-5)!important;gap:var(--sp-2)!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm .tx small{color:#F2A766!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm .tx b{color:#fff!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm .tx span{color:#C9D1DD!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .svm .tx em{color:#fff!important;font-style:normal;font-weight:600;margin-top:var(--sp-2)}
/* E · Faixa "Dentro da lei": quatro colunas iguais, sem quebra estranha */
:is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei{display:grid!important;grid-template-columns:minmax(220px,1.1fr) 3fr;align-items:center;gap:var(--sp-6)!important;padding:var(--sp-6) var(--sp-7)!important}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei ul{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-5)!important;margin:0!important;padding:0!important;list-style:none}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei li{padding-left:var(--sp-4);border-left:1.5px solid rgba(245,243,236,.25)}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei li{min-width:0}
:is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei li b{display:block}
@media(max-width:900px){
  :is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei{grid-template-columns:1fr;padding:var(--sp-6) var(--sp-5)!important}
  :is(body[data-nx=segmento],body[data-nx=cartorios]) .z-lei ul{grid-template-columns:1fr}
  :is(body[data-nx=segmento],body[data-nx=cartorios]) .np-grid>.np{padding-top:var(--sp-4)!important}
}

/* Nexos 5.7 · topos dos segmentos: ficha de busca própria de cada área */
.fic.fic-law{background:#DCE3EC!important}.fic-law .fic-doc{border-top:5px solid #16233D!important}
.fic.fic-med{background:#DDE9E5!important}.fic-med .fic-doc{border-top:5px solid #0E6B58!important;background-color:#FBFEFC!important}.fic-med .fic-margin{background:rgba(14,107,88,.45)!important}
.fic.fic-cond{background:#E8E0CF!important}.fic-cond .fic-doc{transform:rotate(1.4deg)!important}
.fic.fic-eng{background:#1B2C4A!important;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)!important;background-size:24px 24px!important}
.fic-eng .fic-doc{background-color:#fff!important;background-image:linear-gradient(rgba(22,35,61,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,35,61,.08) 1px,transparent 1px)!important;background-size:20px 20px!important;transform:rotate(.8deg)!important}.fic-eng .fic-margin{display:none!important}
.fic.fic-cont{background:#E3E9E2!important}.fic-cont .fic-doc{background-image:linear-gradient(rgba(14,107,88,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(14,107,88,.1) 1px,transparent 1px)!important;background-size:100% 28px,64px 100%!important;transform:rotate(-.6deg)!important}.fic-cont .fic-margin{background:rgba(214,64,56,.5)!important}
.fic.fic-edu{background:#F0E6D6!important}.fic-edu .fic-doc{border-top:22px solid #F2994A!important;border-radius:4px!important;transform:rotate(1deg)!important}.fic-edu .fic-margin{background:rgba(22,35,61,.25)!important}
.fic.fic-rh{background:#E1E6EE!important}.fic-rh .fic-doc{border-left:6px solid #0E6B58!important;transform:rotate(-.8deg)!important}.fic-rh .fic-margin{display:none!important}
.fic.fic-trans{background:#E9E3D6!important}.fic-trans .fic-doc{border-top:2px dashed #8A93A3!important;border-bottom:2px dashed #8A93A3!important;border-radius:2px!important;transform:rotate(1.6deg)!important}.fic-trans .fic-margin{display:none!important}
.fic.fic-hist{background:#E6D9C0!important}.fic-hist .fic-doc{background-color:#F4EBD6!important;border-color:#CDB98F!important;filter:sepia(.25)!important}.fic-hist .fic-doc h4{color:#4A3A24!important}.fic-hist .fic-margin{background:rgba(160,82,45,.5)!important}
@media(max-width:700px){.fic .fic-doc{padding-right:12px}.fic-doc h4{font-size:15px}}

/* Nexos 5.9 · ilustrações isométricas dos topos de segmento: fundo 100% transparente, sombra só nos objetos */
.il2{display:block;width:100%;max-width:600px;margin-inline:auto;aspect-ratio:560/440;background:transparent!important;border:0!important;box-shadow:none!important;position:relative}
.il2 svg.bp{display:block;width:100%;height:100%;overflow:visible;background:transparent}
.il2 .bp-c circle:not(.bp-n){fill:#F5F3EC}
.il2 .bp-sh{fill-opacity:.1}

/* Nexos 5.10 · sem a linha entre formulário e rodapé (o respiro já separa) */
.ft-sep{display:none!important}

/* ===== Nexos 5.11 · Estimativa embaixo do banner + Diagnóstico rápido (modelo do site no ar, visual novo) ===== */
.x-est{--e-ln:rgba(22,35,61,.14);position:relative;margin:0 0 clamp(8px,2vw,24px);padding:clamp(20px,2.6vw,32px);background:#fff;border:1px solid var(--e-ln);border-radius:14px;box-shadow:0 1px 0 rgba(22,35,61,.04),0 24px 48px -36px rgba(22,35,61,.35);color:#16233D}
.x-est-hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 28px;padding-bottom:18px;border-bottom:1px solid var(--e-ln)}
.x-est-k{margin:0 0 8px;font:500 11px/1 'Geist Mono',ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#0E6B58}
.x-est-t{margin:0;font:600 clamp(22px,2.3vw,30px)/1.18 Lora,Georgia,serif;letter-spacing:-.014em;color:#16233D;text-wrap:balance;max-width:26ch}
.x-est-t em{font-style:normal;color:#0E6B58}
.x-est-sub{margin:0;color:#4A5568;font-size:14.5px;line-height:1.5;max-width:42ch}
.x-est-grid{display:grid;gap:22px;padding-top:22px}
@media (min-width:720px){.x-est-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.x-est-res{grid-column:1/-1}}
@media (min-width:1180px){.x-est-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,1.2fr);gap:0}
 .x-est-grid>.x-eq{padding:0 24px;border-left:1px solid var(--e-ln)}.x-est-grid>.x-eq:first-child{padding-left:0;border-left:0}
 .x-est-grid>.x-est-res{grid-column:auto;margin-left:8px}}
.x-eq{border:0;margin:0;padding:0;min-width:0}
.x-eq legend,.x-eql{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 14px;font:700 15px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#16233D}
.x-eq legend b,.x-eql b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#16233D;color:#F5F3EC;font:500 11.5px/1 'Geist Mono',ui-monospace,monospace;transition:background .25s}
.x-eq.done legend b,.x-eq.done .x-eql b,.x-eq.ok legend b{background:#0E6B58}
.x-chips{display:flex;flex-wrap:wrap;gap:8px}
.x-chip{position:relative;display:inline-flex;cursor:pointer}
.x-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.x-chip span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(22,35,61,.22);border-radius:10px;background:#FBFAF7;color:#16233D;font:500 14px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;transition:background .2s,border-color .2s,color .2s}
.x-chip:hover span{border-color:#16233D}
.x-chip input:checked+span{background:#16233D;border-color:#16233D;color:#fff}
.x-chip input:checked+span::before{content:"";width:7px;height:7px;border-radius:50%;background:#F2994A;flex:none}
.x-chip input:focus-visible+span{outline:2px solid #0E6B58;outline-offset:2px}
.x-qh{margin:0;color:#6B7282;font-size:14px;line-height:1.5}
.x-seg{display:inline-flex;margin-bottom:12px;padding:3px;border:1px solid rgba(22,35,61,.22);border-radius:10px;background:#FBFAF7}
.x-seg label{position:relative;cursor:pointer}.x-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.x-seg span{display:block;padding:7px 12px;border-radius:7px;font:500 13px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#16233D}
.x-seg input:checked+span{background:#16233D;color:#fff}
.x-seg input:focus-visible+span{outline:2px solid #0E6B58;outline-offset:2px}
.x-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-fld{display:grid;gap:6px;min-width:0}
.x-fld label{font:500 11px/1.2 'Geist Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#4A5568}
.x-fld input,.x-fld select{width:100%;min-height:46px;padding:0 14px;border:1px solid rgba(22,35,61,.28);border-radius:10px;background:#fff;color:#16233D;font:600 18px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;box-sizing:border-box}
.x-fld input::placeholder{color:#9AA0AB;font-weight:400}
.x-fld input:focus,.x-fld select:focus{outline:2px solid #0E6B58;outline-offset:1px;border-color:#0E6B58}
.x-fld small{color:#6B7282;font-size:12.5px;line-height:1.4}
.x-est-res{display:grid;align-content:start;gap:8px;padding:20px;border-radius:12px;background:#16233D;color:#F5F3EC;min-width:0}
.x-est-res .x-rl{font:500 11px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7FD0BA}
.x-est-res .x-big{margin:4px 0 0;font:600 clamp(28px,2.6vw,36px)/1.1 Lora,Georgia,serif;letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums;text-wrap:balance}
.x-est-res .x-big small{font:500 15px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;color:rgba(245,243,236,.75);margin-left:6px}
.x-est-res .x-big.muted{color:rgba(245,243,236,.4)}
.x-est-res p{margin:0;color:rgba(245,243,236,.82);font-size:14px;line-height:1.5}
.x-est-res .x-rm{font:500 12.5px/1.5 'Geist Mono',ui-monospace,monospace;color:#9FD3C4}
.x-est-res .x-acts{display:grid;gap:8px;margin-top:8px}
.x-send{display:grid;gap:10px;margin-top:6px}
.x-fld.dk label{color:rgba(245,243,236,.7)}
.x-fld.dk input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;font-size:16px;font-weight:500}
.x-fld.dk input:focus{outline-color:#7FD0BA;border-color:#7FD0BA}
.x-ok{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:rgba(245,243,236,.8)}
.x-ok input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#0E6B58}
.x-ok a{color:#fff;text-decoration:underline}
.x-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.x-err{margin:0;min-height:0;color:#FFC9A0;font-size:13px}.x-err:empty{display:none}
.x-err a{color:#fff}
.x-btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:6px 6px 6px 20px;border:0;border-radius:10px;background:#F5F3EC;color:#16233D;font:700 15.5px/1.2 'Helvetica Neue',Helvetica,Arial,sans-serif;cursor:pointer;box-sizing:border-box;text-align:left;box-shadow:inset 0 -2px 0 rgba(22,35,61,.16),0 14px 26px -18px rgba(0,0,0,.7);transition:background .2s,transform .2s}
.x-btn::after{content:"";flex:none;width:42px;height:42px;border-radius:50%;background:#0E6B58 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F3EC' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat;transition:background-position .2s}
.x-btn:hover:not([disabled]){background:#fff;transform:translateY(-1px)}
.x-btn:hover:not([disabled])::after{background-position:calc(50% + 3px) 50%}
.x-btn[disabled]{background:rgba(255,255,255,.12);color:rgba(245,243,236,.6);box-shadow:none;cursor:not-allowed}
.x-btn[disabled]::after{background-color:rgba(255,255,255,.18)}
.x-btn:focus-visible,.x-lnk:focus-visible{outline:2px solid #7FD0BA;outline-offset:3px}
.x-est .x-lnk{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:10px;background:var(--wa,#178A55);color:var(--wa-ink,#fff);font:700 15px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;text-decoration:none;transition:filter .2s,transform .2s}
.x-est .x-lnk::before{content:"";width:20px;height:20px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a8 8 0 0 1-11.6 7.1L4 20l1.4-4.2A8 8 0 1 1 20 11.5z'/%3E%3Cpath d='M9 10.5h6M9 13.5h4'/%3E%3C/svg%3E") center/contain no-repeat}
.x-est .x-lnk:hover{filter:brightness(.94);transform:translateY(-1px)}
.x-est-res .x-rl{display:flex;align-items:center;gap:8px}
.x-est-res .x-rl::before{content:"";width:7px;height:7px;border-radius:50%;background:#F2994A}
.x-est-ft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:22px;padding-top:16px;border-top:1px solid var(--e-ln)}
.x-est-ft p{margin:0;color:#6B7282;font-size:12.5px}
.x-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.x-trust li{position:relative;padding-left:16px;font:500 11.5px/1.3 'Geist Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#16233D}
.x-trust li::before{content:"";position:absolute;left:0;top:.35em;width:8px;height:8px;border-radius:50%;background:#0E6B58}
.x-est-res.sent{background:#0E6B58}.x-est-res.sent .x-rl{color:#fff}
@media (max-width:719px){.x-est{padding:18px 16px;border-radius:12px}.x-est-sub{display:none}.x-row2{grid-template-columns:1fr}.x-est-t{max-width:none}}
/* o cartão fica logo abaixo do banner de cada serviço */
/* Home · Diagnóstico rápido no mesmo modelo */
#diagnostico .x-est{margin:0}
.dgq-free{margin-top:14px;display:grid;gap:6px}
.dgq-free .x-fld input{max-width:220px}
.dgq-free .x-or{font:500 11px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6B7282}
.dgq-free .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dgq-free .row .x-fld{flex:1 1 120px}
.dgq-free .x-seg{margin:0;align-self:end}
#diagnostico .x-est-grid{padding-top:0}
/* faixa em degradê atrás do cartão (destaque sobre o banner claro) */
.x-est-wrap,#diagnostico .dgx-band{position:relative;margin:clamp(4px,1vw,12px) 0 0;padding:clamp(14px,2.2vw,28px);border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,rgba(95,194,168,.22),transparent 55%),linear-gradient(135deg,#16233D 0%,#12404B 58%,#0E6B58 100%);box-shadow:0 30px 60px -40px rgba(22,35,61,.7)}
.x-est-wrap .x-est,#diagnostico .dgx-band .x-est{margin:0;border-color:transparent;box-shadow:0 20px 40px -28px rgba(0,0,0,.55)}
@media (max-width:719px){.x-est-wrap,#diagnostico .dgx-band{padding:10px;border-radius:14px}}

/* ===== Nexos 5.13 · 404 e Obrigado com mais vida ===== */
.x-fld textarea{width:100%;padding:12px 14px;border:1px solid rgba(22,35,61,.28);border-radius:10px;background:#fff;color:#16233D;font:400 16px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;box-sizing:border-box;resize:vertical;min-height:84px}
.x-fld textarea:focus{outline:2px solid #0E6B58;outline-offset:1px;border-color:#0E6B58}
.x-btn.nv{background:#16233D;color:#fff;box-shadow:0 14px 26px -18px rgba(22,35,61,.8)}
.x-btn.nv:hover:not([disabled]){background:#1E2F50}
.x-btn.nv[disabled]{background:#9AA3B2;color:#fff}
/* 404 */
.e4{display:grid;justify-items:center;text-align:center;padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,48px)}
.e4 .sp-eb{margin:0 0 6px}
.e4-art{width:min(760px,100%);margin:0 auto clamp(8px,2vw,20px)}
.e4-svg{display:block;width:100%;height:auto;overflow:visible}
.e4 h1{margin:0;max-width:16ch;font:600 clamp(34px,4.6vw,54px)/1.08 Lora,Georgia,serif;color:#16233D;letter-spacing:-.015em;text-wrap:balance}.e4 h1 span{color:#0E6B58}
.e4 .sp-lead{margin-inline:auto}
.e4 .sp-acts{justify-content:center}
.e4-t{font:500 9.5px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;fill:#16233D;fill-opacity:.7}
.e4-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;max-width:720px}
.e4-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(22,35,61,.22);border-radius:10px;background:#FBFAF7;color:#16233D;font:500 14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.e4-links a:hover{background:#16233D;border-color:#16233D;color:#fff}
.e4-svg.arm .e4-d{stroke-dasharray:1;stroke-dashoffset:1}
.e4-svg.on .e4-d{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.45,0,.2,1)}
.e4-svg.on g>path.e4-d:nth-of-type(2){transition-delay:.15s}
.e4-svg.on .e4-ring .e4-d{transition-delay:.35s;transition-duration:1.6s}
.e4-svg.arm .e4-ring>:not(.e4-d),.e4-svg.arm .e4-cota,.e4-svg.arm .e4-t{opacity:0}
.e4-svg.on .e4-ring>:not(.e4-d),.e4-svg.on .e4-cota,.e4-svg.on .e4-t{opacity:1;transition:opacity .7s ease 1.5s}
.e4-core{transform-box:fill-box;transform-origin:center;animation:e4C 2.6s ease-in-out infinite}
@keyframes e4C{0%,100%{transform:scale(1)}50%{transform:scale(1.28)}}
.e4-wrap{margin-top:clamp(8px,2vw,24px);margin-bottom:clamp(40px,6vw,80px)}
.e4-card{display:grid;gap:clamp(20px,3vw,40px);align-items:start}
@media (min-width:900px){.e4-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.e4-ft{display:grid;gap:14px;align-content:start}
.e4-ft .x-est-t{max-width:20ch}
.e4-form{display:grid;gap:14px}
.e4-r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.e4-r2{grid-template-columns:1fr}}
.e4-ok{color:#4A5568}.e4-ok a{color:#16233D}
.e4-form .x-err{color:#B4411E}.e4-form .x-err a{color:#16233D;text-decoration:underline}
.e4-form .x-btn{max-width:280px}
/* Obrigado */
.ob{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,96px)}
.ob h1{margin:0;font:600 clamp(36px,5vw,58px)/1.05 Lora,Georgia,serif;color:#16233D;letter-spacing:-.015em;text-wrap:balance}
.ob h1 span{color:#0E6B58}
.ob-fic{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 0;max-width:560px;background:#fff;border:1px solid rgba(22,35,61,.14);border-radius:14px;box-shadow:0 24px 44px -34px rgba(22,35,61,.45);overflow:hidden}
.ob-fic>div{padding:14px 18px;border-top:1px solid rgba(22,35,61,.1);min-width:0}
.ob-fic>div:nth-child(2n){border-left:1px solid rgba(22,35,61,.1)}
.ob-fic .ob-h{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;border-top:0;border-left:0!important;background:#16233D;color:#fff;padding:12px 18px}
.ob-fic .ob-h dt{color:#7FD0BA}
.ob-fic .ob-h dd{color:#fff;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.06em}
.ob-fic dt{font:500 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6B7282;margin:0 0 6px}
.ob-fic dd{margin:0;font:600 15px/1.35 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#16233D;overflow-wrap:anywhere}
.ob-fic>div[hidden]{display:none}
.ob-fic>div:last-child:nth-child(even){grid-column:auto}
.ob-art{max-width:560px}
.ob-tl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:clamp(22px,3vw,34px) 0 0;list-style:none;border-top:1px solid rgba(22,35,61,.14)}
.ob-tl li{position:relative;display:grid;gap:6px;align-content:start;padding-top:48px}
.ob-tl li::before{content:"";position:absolute;left:44px;right:-20px;top:17px;height:2px;background:rgba(22,35,61,.16)}
.ob-tl li:last-child::before{display:none}
.ob-tl li.done::before{background:linear-gradient(90deg,#0E6B58,rgba(22,35,61,.16))}
.ob-tl .n{position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#16233D;color:#F5F3EC;font:500 13px/1 'JetBrains Mono',ui-monospace,monospace}
.ob-tl .n svg{width:16px;height:16px}
.ob-tl li.done .n{background:#0E6B58;box-shadow:0 0 0 6px rgba(14,107,88,.16)}
.ob-tl b{font:600 16px/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#16233D}
.ob-tl li>span:not(.n){color:#4A5568;font-size:14.5px;line-height:1.5;max-width:30ch}
.ob-more{grid-column:1/-1;margin:0;color:#4A5568;font-size:14.5px;line-height:1.7}
.ob-more a{color:#16233D;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.ob{grid-template-columns:1fr}.ob-art{order:-1;max-width:420px;margin-inline:auto}.ob-tl{grid-template-columns:1fr;gap:6px}.ob-tl li{padding:0 0 18px 52px}.ob-tl li::before{left:17px;right:auto;top:38px;bottom:0;width:2px;height:auto}.ob-tl .n{top:0}}
@media (max-width:520px){.ob-fic{grid-template-columns:1fr}.ob-fic>div:nth-child(2n){border-left:0}}

/* Nexos 5.14 · quantidade livre no formulário do Fale conosco */
.oc-qrow{margin-top:14px}
.oc-qin{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.oc-qin input[type=text]{width:100%;max-width:200px;box-sizing:border-box;min-height:46px;padding:0 14px;border-radius:10px;border:1px solid #DBD6C6;background:#fff;font:600 17px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#16233D;font-variant-numeric:tabular-nums}
.oc-qin input[type=text]:focus{outline:2px solid #0E6B58;outline-offset:1px;border-color:#0E6B58}
.oc-qin .x-seg{margin:0}
.oc-qrow .oc-hint{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:rgba(245,243,236,.72)}

.e4-svg.done .e4-d{stroke-dasharray:none;stroke-dashoffset:0;transition:none}

/* Nexos 5.17 · menu no tablet e botão Caixas/Metros alinhado */
@media (min-width:761px) and (max-width:1000px){
  .x-bar ul{display:none!important}
  .mb-tg{display:inline-flex!important}
  .x-hdr .navr .btn.ghost{display:none!important}
}
@media (min-width:1001px) and (max-width:1180px){
  .x-bar{gap:8px!important}
  .x-bar ul{gap:0!important}
  .x-bar ul a,.x-bar ul button{padding:8px 9px!important;font-size:14px!important}
}
@media (min-width:1001px) and (max-width:1280px){
  .x-pill{position:relative}
  .x-bar ul li{position:static!important}
  .x-bar ul li>.z-dd{left:50%!important;max-width:calc(100vw - 32px)}
  .z-mega.nm{width:min(880px,calc(100vw - 56px))!important}
}
.oc-qin{display:flex;flex-wrap:wrap;align-items:stretch!important;gap:10px}
.oc-qin input[type=text]{height:48px;min-height:48px;max-width:220px;flex:0 1 220px}
.oc-qin .x-seg,.dgq-free .x-seg{height:48px;box-sizing:border-box;align-items:stretch;margin:0!important;padding:3px;flex:0 0 auto}
.oc-qin .x-seg label,.dgq-free .x-seg label{display:flex}
.oc-qin .x-seg span,.dgq-free .x-seg span{display:flex;align-items:center;padding:0 14px;white-space:nowrap}
@media (max-width:520px){.oc-qin input[type=text]{flex:1 1 100%;max-width:none}.oc-qin .x-seg{width:100%}.oc-qin .x-seg label{flex:1}.oc-qin .x-seg span{justify-content:center}}

/* Nexos 5.18 · botão Diagnóstico do topo no mesmo tamanho do botão do WhatsApp */
.x-hdr .navr .btn,.x-hdr .navr .btn.teal,.x-hdr .navr .btn.teal.spec{min-height:42px!important;height:42px!important;padding:0 18px!important;font-size:14px!important;box-sizing:border-box}
.x-hdr .mb-tg{width:42px!important;height:42px!important}

/* Nexos 5.19 · topo do rodapé: logo maior, sem buraco, frase à direita */
#zfoot .z-ft-top{padding-top:44px!important;padding-bottom:32px!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:24px 56px!important}
#zfoot .z-ft-top>div{display:contents}
#zfoot .z-ft-top .brand{gap:14px!important;align-items:center!important;display:inline-flex}
#zfoot .z-ft-top .brand svg{width:46px!important;height:46px!important}
#zfoot .z-ft-top .brand .wm b,#zfoot .z-ft-top .brand .wm small{font-size:31px!important}
#zfoot .z-ft-top p{margin:0!important;max-width:none!important;justify-self:end;text-align:right;font-size:clamp(19px,1.9vw,24px)!important;white-space:nowrap}
@media (max-width:860px){
  #zfoot .z-ft-top{grid-template-columns:1fr!important;padding-top:36px!important}
  #zfoot .z-ft-top p{justify-self:start;text-align:left;white-space:normal;margin-top:6px!important}
}
#zfoot{padding-top:20px!important}
#zfoot .z-ft-top{padding-top:30px!important}
@media (max-width:860px){#zfoot .z-ft-top{padding-top:28px!important}}

/* ========== Nexos 5.21 ========== */

/* espaçamento padrão: seção 96 (desktop) / 64 (celular); logo após o banner 72 / 48; título -> conteúdo 48 / 28 */
main .lv{margin-top:0!important}
main .z-strip,main .z-lei{margin-top:var(--sec-y)!important}

/* menu Serviços: seta que abre os tipos de digitalização */
.nm-row{display:flex;align-items:stretch;gap:4px}
.nm-row>.nm-it{flex:1 1 auto;min-width:0}
.sv-tg{flex:none;display:grid;place-items:center;width:36px;border:0;background:transparent;border-radius:10px;color:#16233D;cursor:pointer;padding:0}
.sv-tg:hover,.sv-tg:focus-visible{background:rgba(22,35,61,.07)}
.sv-tg:focus-visible{outline:2px solid #0E6B58;outline-offset:1px}
.sv-tg svg{width:18px;height:18px;transition:transform .2s ease}
.sv-tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.x-hdr .nm-sub2[hidden],.mb-sub2[hidden]{display:none!important}
.mbi-row{display:flex;align-items:center;gap:4px}
.mbi-row>.mbi{flex:1 1 auto;min-width:0}
.mbi-row .sv-tg{width:44px;height:44px}
.mbi-row .sv-tg svg{width:20px;height:20px}
/* celular: Serviços sem ícones nem miniaturas */
#mbS .mbi .th,.mb-sub2 .ic{display:none!important}
.mb-sub2{margin-left:12px!important}
.mb-sub2 a{padding-left:10px!important}
@media (prefers-reduced-motion:reduce){.sv-tg svg{transition:none}}

/* Home · Serviços: o carrossel fica fixo na tela enquanto a rolagem passa os cards */
#servicos .z-wrap.zs-on{position:relative}

/* banners dos serviços: ilustração do mesmo tamanho da dos segmentos (quadro 560x440) */
.pg-hero .pg-media.bp-media{aspect-ratio:560/440!important;width:100%;max-width:600px;margin-inline:auto}
.pg-hero .pg-media.bp-media svg.bp{inset:0!important;width:100%!important;height:100%!important}
/* seções da Home que vinham de classes avulsas (Tailwind 64 px / 88 px) entram no mesmo padrão */
main #quem-somos,main #segmentos{padding-block:var(--sec-y)!important}
main #blog.hb-sec{padding-top:var(--sec-y)!important}

/* Nexos 5.22 · "Pedir proposta": no celular o botão do topo mostra só "Proposta" (cabe ao lado do menu) */
.x-hdr .btn .pp-lg{display:inline}
@media (max-width:480px){.x-hdr .btn .pp-lg{display:none}.x-hdr .btn{text-transform:capitalize}}

/* ========== Nexos 5.23 ========== */

/* cards de pergunta (.x-est: Home e páginas de serviço): mesmas linhas do formulário (Threads), em cores claras sobre o branco */
.x-est{isolation:isolate}
.x-est>.x-est-th{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.x-est>.x-est-th>*{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.x-est>*:not(.x-est-th){position:relative;z-index:1}

/* setas dos botões ficam paradas no hover (o movimento fica só com o ímã e o brilho que já existem) */
.hero-ctas .btn.teal:hover::after,.f-b1:hover::after,.dg-b1:hover::after,.z-strip a.z-b1:hover::after,.z-ft a.z-b1:hover::after,
.nm-diag:hover .nm-cta em,.oc-btn--primary:hover svg,.oc-send:hover .oc-sarr svg,.lk:hover svg{transform:none!important}

/* ímã: o deslocamento vem do script (propriedade translate); sem transição própria */
.mg-on{will-change:translate}

/* caixa azul "Diagnóstico rápido" do menu Serviços, redesenhada */
.x-hdr .nm-diag{display:flex!important;flex-direction:column!important;gap:0!important;padding:22px 22px 20px!important;border-radius:16px!important;justify-content:flex-start}
.x-hdr .nm-diag small{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font:600 11px/1 'Geist Mono',ui-monospace,Menlo,monospace!important;letter-spacing:.08em;text-transform:uppercase;color:#7ADBC3!important;padding:6px 10px;border-radius:999px;background:rgba(95,194,168,.14);margin:0 0 16px}
.x-hdr .nm-diag small::before{content:"";width:6px;height:6px;border-radius:50%;background:#5FC2A8}
.x-hdr .nm-diag b{font:600 24px/1.18 Lora,Georgia,serif!important;letter-spacing:-.01em;color:#F5F3EC!important;margin:0 0 18px;text-wrap:balance}
.x-hdr .nm-diag .nm-steps{display:grid;gap:0;margin:0 0 16px}
.x-hdr .nm-diag .nm-steps>span{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(220,227,236,.14);font:500 14.5px/1.3 Helvetica,Arial,sans-serif;color:#E6ECF4}
.x-hdr .nm-diag .nm-steps>span:last-child{border-bottom:1px solid rgba(220,227,236,.14)}
.x-hdr .nm-diag .nm-steps i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(122,219,195,.6);font:600 12px/1 'Geist Mono',ui-monospace,monospace;font-style:normal;color:#7ADBC3}
.x-hdr .nm-diag .nm-note{display:block;margin:0 0 18px;font:400 13px/1.45 Helvetica,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#B6C3D6!important}
.x-hdr .nm-diag .nm-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;border-radius:12px;background:#F5F3EC;color:#16233D;font:700 15px/1.1 Helvetica,Arial,sans-serif}
.x-hdr .nm-diag .nm-cta em{width:32px;height:32px;transition:none}

/* menu Serviços no celular: cada serviço vira um cartão com mais destaque */
#mbS details:first-of-type>.mbi,#mbS details:first-of-type>.mbi-row{display:flex!important;align-items:center;gap:12px;background:#fff;border:1px solid rgba(22,35,61,.14)!important;border-radius:14px!important;margin:0 0 8px!important;box-shadow:0 1px 0 rgba(22,35,61,.05),0 10px 20px -16px rgba(22,35,61,.35)}
#mbS details:first-of-type>.mbi{padding:14px 16px!important}
#mbS details:first-of-type>.mbi-row{padding:0 4px 0 0!important}
#mbS details:first-of-type>.mbi-row>.mbi{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:14px 8px 14px 16px!important}
#mbS details:first-of-type>.mbi::after{content:"→";margin-left:auto;font:600 20px/1 Helvetica,Arial,sans-serif;color:#0E6B58}
#mbS details:first-of-type .mbi .tx{flex:1;min-width:0}
#mbS details:first-of-type .mbi .tx i{display:block;font:600 11px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#0E6B58;margin-bottom:6px;font-style:normal}
#mbS details:first-of-type .mbi .tx b{display:block;font:700 17.5px/1.2 Helvetica,Arial,sans-serif;color:#16233D}
#mbS details:first-of-type .mbi .tx small{display:block;margin-top:4px;font:400 14px/1.35 Helvetica,Arial,sans-serif;color:#44506A}
#mbS .mbi-row .sv-tg{background:#E9EEF4;border-radius:12px;width:44px;height:44px;color:#16233D}
#mbS .mb-sub2{margin:-2px 0 10px 18px!important;padding-left:12px!important;border-left:2px solid #0E6B58!important}
#mbS .mb-sub2 a{font:600 15.5px/1.2 Helvetica,Arial,sans-serif!important;color:#16233D!important;padding:11px 8px!important}

/* botão flutuante do WhatsApp: chama atenção sem irritar (anel que pulsa, selo "1" e rótulo que aparece uma vez) */
.wa-fab{animation:none!important;overflow:visible}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa);z-index:-1;animation:waRing 3.6s ease-out 2.5s infinite}
.wa-fab::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa);z-index:-1;animation:waRing 3.6s ease-out 3.4s infinite}
@keyframes waRing{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(1.75);opacity:0}}
.wa-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#F2994A;color:#16233D;font:800 12px/20px Helvetica,Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #F5F3EC;animation:waBadge 1.6s ease-in-out 3s 4}
@keyframes waBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
.wa-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(8px,-50%);white-space:nowrap;background:#16233D;color:#F5F3EC;font:600 14px/1 Helvetica,Arial,sans-serif;padding:11px 14px;border-radius:12px;box-shadow:0 14px 30px -14px rgba(15,26,48,.6);opacity:0;pointer-events:none;animation:waTip 8s ease 5s 1 both}
.wa-tip::after{content:"";position:absolute;left:100%;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:#16233D}
@keyframes waTip{0%{opacity:0;transform:translate(8px,-50%)}8%,78%{opacity:1;transform:translate(0,-50%)}100%{opacity:0;transform:translate(8px,-50%)}}
.wa-fab:hover .wa-tip,.wa-fab:focus-visible .wa-tip{animation:none;opacity:1;transform:translate(0,-50%)}
@media(max-width:640px){.wa-tip{display:none}}
@media(prefers-reduced-motion:reduce){.wa-fab::before,.wa-fab::after,.wa-badge,.wa-tip{animation:none!important}.wa-fab::before,.wa-fab::after{display:none}}

.x-hdr .nm-diag small{white-space:nowrap;font-size:10.5px!important;letter-spacing:.05em!important;padding:6px 9px}
.x-hdr .nm-diag .nm-cta{white-space:nowrap;font-size:14.5px;padding:11px 11px 11px 16px}


/* 5.24 · espaçamento de verdade: sem margens somadas entre banner e primeira seção */
main .pg-hero{padding-bottom:var(--sp-7)!important}
main .pg-band{margin-top:0!important;padding-top:0!important;padding-bottom:var(--sec-y)!important}
main .pg-band>.x-sec:first-child{padding-top:var(--sec-y-sm)!important}
main .x-est-wrap+.pg-band>.x-sec:first-child{padding-top:var(--sec-y)!important}
main .pg-spec{margin-top:var(--sec-y)!important}
.x-est>.x-est-th{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.55) 40%,#000 78%);mask-image:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.55) 40%,#000 78%)}

/* ---------- Nexos 5.25 · Home, Serviços: cards que se sobrepõem na rolagem (CSS puro, sem biblioteca) ---------- */
@media (min-width:768px){
#servicos .z-wrap{height:auto!important}
#servicos .z-pin{position:static!important;overflow:visible!important;padding:0!important}
#servicos .z-row3{display:block!important;transform:none!important;gap:0}
#servicos .z-slot{flex:none;position:sticky;top:calc(96px + var(--n,0)*14px);margin:0 0 clamp(24px,3vw,40px)}
#servicos .z-slot:nth-child(2){--n:1}#servicos .z-slot:nth-child(3){--n:2}#servicos .z-slot:nth-child(4){--n:3}#servicos .z-slot:nth-child(5){--n:4}
#servicos .z-slot:last-child{margin-bottom:0}
#servicos .z-card{height:min(440px,calc(100vh - 220px));min-height:340px;background:#fff;box-shadow:0 -18px 34px -26px rgba(22,35,61,.45),0 30px 60px -44px rgba(15,26,48,.6)}
}

/* Nexos 5.26 · cards de serviço voltam ao azul-marinho (o azul estava preso ao carrossel antigo) */
#servicos .z-slot>.z-card{background:#16233D!important;color:#F5F3EC}
#servicos .z-slot>.z-card .z-txt{background:#16233D!important}
#servicos .z-slot>.z-card h3{color:#fff!important}
#servicos .z-slot>.z-card p{color:#C9D1DD!important}
#servicos .z-slot>.z-card .z-lbl{color:#F2A766!important}
#servicos .z-slot>.z-card .z-pills li{background:rgba(245,243,236,.08)!important;border-color:rgba(245,243,236,.18)!important;color:#E6EAF0!important}
#servicos .z-slot>.z-card .z-more{color:#fff!important}
#servicos .z-slot>.z-card .z-arw{background:#F5F3EC!important;color:#16233D!important}
#servicos .z-slot>.z-card .z-arw svg,.z-slot>.z-card .z-arw svg *{stroke:#16233D!important;color:#16233D!important}
#servicos .z-slot>.z-card .z-media{background:#fff!important;background-image:linear-gradient(rgba(22,35,61,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,35,61,.06) 1px,transparent 1px)!important;background-size:28px 28px!important}
#servicos .z-slot>.z-card{border-color:rgba(22,35,61,.9)}
/* preview: moldura marinho e linhas só azuis */
.mold-marinho .x-est-wrap,.mold-marinho #diagnostico .dgx-band{background:#16233D!important}
.x-est>.x-est-th.pt{-webkit-mask-image:none;mask-image:none}
.x-est>.x-est-th.ln{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.5),#000 60%);mask-image:linear-gradient(90deg,rgba(0,0,0,.5),#000 60%)}

/* preview 5.26: card escuro com as mesmas linhas do formulário (?fundo=form) */
.x-est.dk{--e-ln:rgba(255,255,255,.14);background:#16233D;color:#F5F3EC;border-color:rgba(255,255,255,.14)}
.x-est.dk>.x-est-th{-webkit-mask-image:none;mask-image:none}
.x-est.dk .x-eq legend,.x-est.dk .x-eql{color:#fff}
.x-est.dk .x-eq legend b,.x-est.dk .x-eql b{background:rgba(255,255,255,.16);color:#fff}
.x-est.dk .x-eq.done legend b,.x-est.dk .x-eq.ok legend b{background:#0E6B58}
.x-est.dk .x-chip span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24);color:#F5F3EC}
.x-est.dk .x-chip:hover span{border-color:#fff;background:rgba(255,255,255,.12)}
.x-est.dk .x-chip input:checked+span{background:#F5F3EC;border-color:#F5F3EC;color:#16233D}
.x-est.dk .x-seg{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24)}
.x-est.dk .x-seg span{color:#F5F3EC}.x-est.dk .x-seg input:checked+span{background:#F5F3EC;color:#16233D}
.x-est.dk .x-fld label{color:rgba(245,243,236,.7)}
.x-est.dk .x-fld input,.x-est.dk .x-fld select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.x-est.dk .x-fld input::placeholder{color:rgba(245,243,236,.45)}
.x-est.dk .x-fld small,.x-est.dk .x-qh,.x-est.dk .x-est-ft p{color:rgba(245,243,236,.7)}
.x-est.dk .x-trust li{color:#F5F3EC}
.x-est.dk .x-est-res{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mold-marinho .x-est.dk{box-shadow:0 20px 40px -28px rgba(0,0,0,.6)}

/* preview 5.26: card branco com as linhas finas do formulário, sempre em movimento (?fundo=fino) */
.x-est>.x-est-th.fn{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.8) 45%,#000 80%);mask-image:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.8) 45%,#000 80%)}

.mold-papel .x-est-wrap,.mold-papel #diagnostico .dgx-band{background:#F5F3EC!important;box-shadow:none!important}
.mold-papel .x-est-wrap .x-est,.mold-papel #diagnostico .dgx-band .x-est{border:1px solid rgba(22,35,61,.14);box-shadow:0 24px 48px -36px rgba(22,35,61,.35)}

/* ===== preview 5.26 · ficha de atendimento (?layout=ficha), cores da marca ===== */
.x-est.fc{border-radius:20px;padding:clamp(22px,3.4vw,44px);background:#fff;border:1px solid rgba(22,35,61,.12);box-shadow:0 30px 60px -44px rgba(22,35,61,.45)}
.fc-prog{display:flex;align-items:center;gap:14px;margin:0 0 22px;grid-column:1}
.fc-prog .fc-t{font:500 11.5px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#0E6B58}
.fc-prog .fc-b{display:flex;gap:6px;flex:0 0 96px}
.fc-prog .fc-b i{flex:1;height:4px;border-radius:4px;background:rgba(22,35,61,.14);transition:background .3s}
.fc-prog .fc-b i.on{background:#0E6B58}
.x-est.fc .x-est-grid{display:grid;grid-template-columns:1fr;gap:0}
.x-est.fc .x-est-grid>.x-eq{padding:0!important;border:0!important;margin:0 0 26px}
.x-est.fc .x-eq legend{font-size:16px}
.x-est.fc .x-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.x-est.fc .x-chip{display:flex}
.x-est.fc .x-chip span{width:100%;min-height:54px;padding:8px 14px;justify-content:flex-start;gap:12px;text-align:left;background:#fff;border:1px solid rgba(22,35,61,.2);border-radius:12px;line-height:1.25}
.x-est.fc .x-chip span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(22,35,61,.38);background:#fff;transition:background .2s,border-color .2s}
.x-est.fc .x-chip:hover span{border-color:#0E6B58}
.x-est.fc .x-chip input:checked+span{background:rgba(14,107,88,.07);border-color:#0E6B58;color:#16233D}
.x-est.fc .x-chip input:checked+span::before{content:"";width:18px;height:18px;border-radius:50%;border-color:#0E6B58;background:radial-gradient(circle,#fff 0 30%,#0E6B58 34%)}
.fc-qtog{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding:0;border:0;background:none;color:#0E6B58;font:700 14px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.fc-qtog::before{content:"+";font-size:18px;line-height:1;text-decoration:none;display:inline-block}
.fc-qtog[aria-expanded=true]::before{content:"\2212"}
.x-est.fc .dgq-free:not(.open){display:none}
.x-est.fc .dgq-free{margin:-12px 0 26px}
.x-est.fc .x-est-res{margin:0;padding:24px;border-radius:14px;background:#FBFAF7;color:#16233D;border:1px solid rgba(22,35,61,.14);border-top:4px solid #0E6B58;box-shadow:7px 7px 0 -1px #F5F3EC,7px 7px 0 0 rgba(22,35,61,.14)}
.x-est.fc .x-est-res .x-rl{color:#0E6B58}
.x-est.fc .x-est-res .x-big{color:#16233D}.x-est.fc .x-est-res .x-big small{color:#4B5262}
.x-est.fc .x-est-res .x-big.muted{color:rgba(22,35,61,.8)}
.x-est.fc .x-est-res p{color:#4B5262}.x-est.fc .x-est-res .x-rm{color:#0E6B58}
.x-est.fc .x-btn{background:#0E6B58;color:#fff}
.x-est.fc .x-btn:hover:not([disabled]){background:#0B5848}
.x-est.fc .x-btn[disabled]{background:rgba(22,35,61,.07);color:rgba(22,35,61,.6)}
.x-est.fc .x-btn[disabled]::after{background-color:rgba(22,35,61,.35)}
.x-est.fc .x-est-ft{grid-column:1/-1;border-top-color:rgba(22,35,61,.12)}
@media (min-width:960px){
.x-est.fc .x-est-grid{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);column-gap:clamp(28px,4vw,56px)}
.x-est.fc .x-est-grid>.x-est-res{grid-column:2;grid-row:1/span 6;align-self:start;position:sticky;top:110px;margin:0}
.x-est.fc .x-est-grid>.fc-prog,.x-est.fc .x-est-grid>.x-eq,.x-est.fc .x-est-grid>.fc-qtog,.x-est.fc .x-est-grid>.dgq-free{grid-column:1}
}
@media (max-width:420px){.x-est.fc .x-chips{grid-template-columns:1fr}}

/* ===== preview 5.26 · um card só, branco, com Line Waves que suaviza para o centro (?fundo=ondas, só no diagnóstico da Home) ===== */
.mold-ondas #diagnostico .dgx-band{background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important;margin-top:0!important}
.mold-ondas #diagnostico .dgx-band .x-est{border:1px solid rgba(22,35,61,.12);border-radius:20px;box-shadow:0 30px 60px -44px rgba(22,35,61,.45)}
.x-est>.x-est-th.ow{-webkit-mask-image:radial-gradient(ellipse 58% 64% at 44% 50%,transparent 0,rgba(0,0,0,.16) 42%,#000 100%);mask-image:radial-gradient(ellipse 58% 64% at 44% 50%,transparent 0,rgba(0,0,0,.16) 42%,#000 100%)}
/* 5.28: tira a moldura verde atrás do diagnóstico rápido (Home e páginas de serviço); o card branco fica só com borda e sombra suave */
.x-est-wrap,#diagnostico .dgx-band{background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important;margin-top:0!important}
.x-est-wrap .x-est,#diagnostico .dgx-band .x-est{border:1px solid rgba(22,35,61,.12);border-radius:20px;box-shadow:0 30px 60px -44px rgba(22,35,61,.45)}
