/* ===== Nexos 4.6 · CTAs de conversão (prévia) ===== */
:root{--x-nv:#16233D;--x-nv2:#0F1A30;--x-tl:#0E6B58;--x-tl2:#5FC2A8;--x-pp:#F5F3EC;--x-gr:#4B5262;--x-ln:#DBD6C6;--x-or:#F2994A}
.x-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Botões v2: Papel no escuro, Navy no claro, seta em círculo Teal */
.x-btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 6px 6px 22px;border-radius:999px;background:var(--x-pp);color:var(--x-nv);font:700 15.5px/1.2 "Figtree","Figtree Fallback",Arial,sans-serif;text-decoration:none;box-shadow:inset 0 -2px 0 rgba(22,35,61,.08),0 12px 26px -16px rgba(0,0,0,.65);transition:background .15s,transform .2s cubic-bezier(.2,0,0,1)}
.x-btn::after{content:"";flex:none;width:40px;height:40px;border-radius:50%;background:var(--x-tl) 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/17px no-repeat;transition:background-position .3s cubic-bezier(.2,0,0,1)}
.x-btn:hover{background:#fff;transform:translateY(-1px)}
.x-btn:hover::after{background-position:calc(50% + 2px) 50%}
.x-btn.nv{background:var(--x-nv);color:var(--x-pp);box-shadow:0 14px 28px -16px rgba(22,35,61,.7)}
.x-btn.nv:hover{background:#1E2F50}
.x-btn2{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px 0 18px;border-radius:999px;background:transparent;color:var(--x-pp);border:1px solid rgba(245,243,236,.42);font:700 15.5px/1.2 "Figtree","Figtree Fallback",Arial,sans-serif;text-decoration:none;transition:background .15s,border-color .15s}
.x-btn2::before{content:"";flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FC2A8' 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-btn2:hover{background:rgba(245,243,236,.08);border-color:var(--x-pp)}
.x-btn2.lt{color:var(--x-nv);border-color:rgba(22,35,61,.5)}
.x-btn2.lt::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B58' 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")}
.x-btn2.lt:hover{background:rgba(22,35,61,.05);border-color:var(--x-nv)}
.x-btn:focus-visible,.x-btn2:focus-visible,.x-chip input:focus-visible+span,.x-card-cta:focus-visible,.x-row-cta:focus-visible{outline:2px solid var(--x-tl2);outline-offset:3px}
.x-btn.nv:focus-visible,.x-btn2.lt:focus-visible,.x-card-cta:focus-visible,.x-row-cta:focus-visible{outline-color:var(--x-tl)}

/* Linha de confiança */
.x-trust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin:16px 0 0;padding:0;font:500 13.5px/1.4 "Figtree","Figtree Fallback",Arial,sans-serif;color:rgba(245,243,236,.78)}
.x-trust li{display:inline-flex;align-items:center;gap:7px}
.x-trust li::before{content:"";width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FC2A8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* Nexos 4.6 (adendo 12, item C2): botões de largura total no celular (faixas entre
   seções, resultado do diagnóstico; o banner da Home tem a própria regra em
   css/home-banner-galpao.css, adendo 14) com texto centralizado e a seta presa
   na ponta direita — valores finais também usados por .x-est-res .x-btn (card de
   estimativa), portado em css/paginas/base-servico.css. */
@media (max-width:640px){
  .x-strip .x-acts .x-btn,.x-res .x-acts .x-btn{justify-content:center;padding:6px 52px 6px 20px;white-space:nowrap}
  .x-strip .x-acts .x-btn::after,.x-res .x-acts .x-btn::after{position:absolute;right:6px;top:50%;margin-top:-20px}
}

/* Cabeçalho: CTA compacto também no celular */
.x-l-short{display:none}
@media (max-width:560px){
  .nh-right .nh-cta{display:inline-flex;min-height:36px;padding:0 6px 0 12px;gap:6px;font-size:13.5px}
  .nh-right .nh-cta .x-l-full{display:none}.nh-right .nh-cta .x-l-short{display:inline}
  .nh-right .nh-cta .nh-arr{width:14px;height:14px}
}
@media (max-width:420px){.nh .nh-right .nh-cta{padding:0 11px;font-size:13px}.nh .nh-right .nh-cta .nh-arr{display:none}.nh .nh-right{gap:6px}.nh.scrolled .nh-logo{font-size:13.5px}}
/* logo "Nexos ACERVO" (Lora) + "Orçamento" + menu não cabiam juntos em 360-380px sem o
   antigo esconde-CTA (removido em style.css: o botão passou a aparecer também no
   celular, adendo 12 item A3) — aperta os espaços entre logo/botão/menu e o próprio
   botão nessa faixa estreita, sem baixar do mínimo de 44px do menu (WCAG 2.5.8). */
@media (max-width:380px){
  .nh .nh-in{gap:10px}
  .nh .nh-right{gap:3px}
  .nh .nh-right .nh-cta{padding:0 8px;font-size:12px}
}

/* Barra fixa no celular */
.x-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(15,26,48,.97);border-top:1px solid rgba(245,243,236,.12);box-shadow:0 -12px 30px -18px rgba(0,0,0,.6);transform:translateY(110%);transition:transform .35s cubic-bezier(.2,0,0,1)}
.x-bar.on{transform:none}
.x-bar .x-btn{flex:1.5;min-height:48px;padding-left:18px;font-size:15px}
.x-bar .x-btn::after{width:36px;height:36px}
.x-bar .x-btn2{flex:1;min-height:48px;padding:0 14px;font-size:15px}
@media (max-width:1023px){.x-bar{display:flex}#floatWA{display:none!important}}
@media (prefers-reduced-motion:reduce){.x-bar{transition:none}.x-btn,.x-btn::after{transition:none}.x-btn:hover{transform:none}}

/* Cards de serviço: link esticado + CTA de orçamento */
.svc-grid>article{display:flex;flex-direction:column}
.x-card .x-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.x-card .x-stretch{text-decoration:none}
.x-card .x-stretch::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.x-card .x-stretch:focus-visible{outline:none}
.x-card:has(.x-stretch:focus-visible){outline:2px solid var(--x-tl);outline-offset:3px}
.x-card-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(22,35,61,.35);color:var(--x-nv);background:#fff;font:700 13.5px/1 "Figtree","Figtree Fallback",Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.x-card-cta:hover{background:var(--x-nv);border-color:var(--x-nv);color:var(--x-pp)}

/* Faixas de CTA entre seções */
.x-strip{padding:0 24px clamp(40px,6vw,72px)}
@media (min-width:1024px){.x-strip,.x-dx{padding-left:40px;padding-right:40px}.x-strip.in{padding-left:0;padding-right:0}}
.x-strip-in{position:relative;overflow:hidden;max-width:var(--x-max,1200px);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:clamp(24px,3.4vw,36px) clamp(22px,3.6vw,44px);border-radius:22px;background:var(--x-nv);color:var(--x-pp)}
.x-strip-in>div:first-child{position:relative;z-index:1;flex:1 1 340px;max-width:560px}
.x-strip h2,.x-strip .x-st{margin:0;font:600 clamp(22px,2.4vw,28px)/1.2 "Lora","Lora Fallback",Georgia,serif;letter-spacing:-.012em;text-wrap:balance}
.x-strip h2 em,.x-strip .x-st em{color:var(--x-or);font-style:italic}
.x-strip .x-st{color:inherit}
.x-strip p:not(.x-st){margin:8px 0 0;color:rgba(245,243,236,.74);font-size:15.5px;line-height:1.55}
.x-strip .x-acts{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px}
.x-ring{position:absolute;right:-60px;top:50%;width:300px;height:300px;transform:translateY(-50%);opacity:.14;pointer-events:none}
.x-strip.lt .x-strip-in{background:#fff;color:var(--x-nv);border:1px solid var(--x-ln)}
.x-strip.lt p:not(.x-st){color:var(--x-gr)}
.x-strip.in{padding:clamp(28px,4vw,44px) 0 0}
.x-strip.lt .x-ring{opacity:.08}
@media (max-width:640px){.x-strip .x-acts{width:100%;flex-direction:column}.x-strip .x-acts a{width:100%}}

/* Diagnóstico em 3 perguntas */
.x-dx{background:var(--x-pp);padding:clamp(24px,3vw,40px) 24px clamp(48px,7vw,96px)}
.x-dx-in{max-width:var(--x-max,1200px);margin:0 auto;display:grid;gap:28px}
@media (min-width:1024px){.x-dx-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}.x-dx-side{position:sticky;top:calc(var(--nh-h,72px) + 24px)}}
.x-dx .eb{margin:0}
.x-dx h2{margin:10px 0 0;font:600 clamp(28px,3.4vw,42px)/1.12 "Lora","Lora Fallback",Georgia,serif;letter-spacing:-.018em;color:var(--x-nv);text-wrap:balance}
.x-dx h2 em{font-style:italic;color:var(--x-tl)}
.x-dx-side p{margin:14px 0 0;color:var(--x-gr);font-size:16px;line-height:1.6;max-width:44ch}
.x-dx-card{background:#fff;border:1px solid var(--x-ln);border-radius:22px;padding:clamp(20px,3vw,32px);display:grid;gap:22px}
.x-q{border:0;margin:0;padding:0;min-width:0}
.x-q legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px;font:700 16px/1.3 "Figtree","Figtree Fallback",Arial,sans-serif;color:var(--x-nv)}
.x-q legend b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--x-nv);color:var(--x-pp);font:600 12px/1 "JetBrains Mono","JetBrains Mono Fallback",monospace;flex:none}
.x-q.done legend b{background:var(--x-tl)}
.x-chips{display:flex;flex-wrap:wrap;gap:8px}
.x-chip{position:relative;cursor:pointer}
.x-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.x-chip span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--x-ln);background:#FAF8F3;color:var(--x-nv);font:600 14.5px/1.2 "Figtree","Figtree Fallback",Arial,sans-serif;transition:background .15s,border-color .15s,color .15s}
.x-chip:hover span{border-color:rgba(22,35,61,.45)}
.x-chip input:checked+span{background:var(--x-nv);border-color:var(--x-nv);color:var(--x-pp)}
.x-res{border-radius:16px;background:var(--x-nv);color:var(--x-pp);padding:22px;display:grid;gap:10px}
.x-res.wait{background:#F3F0E6;color:var(--x-gr);border:1px dashed var(--x-ln)}
.x-res .x-rl{font:600 11.5px/1 "JetBrains Mono","JetBrains Mono Fallback",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--x-tl2)}
.x-res.wait .x-rl{color:var(--x-tl)}
.x-res .x-rt{margin:0;font:600 22px/1.25 "Lora","Lora Fallback",Georgia,serif}
.x-res .x-rt em{color:var(--x-or);font-style:italic}
.x-res p{margin:0;color:rgba(245,243,236,.78);font-size:15px;line-height:1.55}
.x-res.wait p{color:var(--x-gr)}
.x-res .x-rm{font:500 13px/1.5 "JetBrains Mono","JetBrains Mono Fallback",monospace;color:rgba(245,243,236,.66)}
.x-res .x-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
@media (max-width:640px){.x-res .x-acts{flex-direction:column}.x-res .x-acts a,.x-res .x-acts button{width:100%}}
button.x-btn{border:0;cursor:pointer}

/* Digitalização: tabela com "Orçar este tipo" */
.dg-table td[data-l="Saída"]{font:500 13.5px "JetBrains Mono",monospace;color:#0E6B58}
.dg-table td.x-td{font:inherit;text-align:right}
.x-row-cta{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(22,35,61,.3);color:var(--x-nv);font:700 13px/1 "Figtree","Figtree Fallback",Arial,sans-serif;text-decoration:none;white-space:nowrap}
.x-row-cta:hover{background:var(--x-nv);color:var(--x-pp);border-color:var(--x-nv)}
@media (max-width:767px){.dg-table td.x-td{justify-content:flex-start;padding-top:8px}.dg-table td.x-td::before{display:none}}

/* Digitalização: ordem do banner no celular (título → subtítulo → ilustração → botões → informações) */
.dg-hero .x-trust{margin-top:14px}
@media (max-width:640px){.dg-ctas .x-btn{width:100%}}
@media (max-width:1023px){
  .dg-hero-in{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .dg-hero-in>div:first-child{display:contents}
  .dg-hero-in .dg-crumb{order:1}.dg-hero-in h1{order:2}.dg-hero-in .dg-lead{order:3}
  .dg-hero-in .dg-hero-art{order:4;height:280px!important;max-height:280px;margin:18px 0 6px;display:flex;justify-content:center}
  .dg-hero-in .dg-hero-art svg{height:100%;width:auto;max-width:100%}
  .dg-hero-in .dg-ctas{order:5}.dg-hero-in .x-trust{order:6}.dg-hero-in .dg-facts{order:7}
}