/* ==========================================================================
   Etiqueta do acervo (26/10). Etiqueta off-white de caixa-arquivo, em tinta verde,
   com carimbo "ESTIMATIVA" inclinado. Ela se preenche conforme a pessoa mede:
   conteúdo, número grande que rola, grade com os números da conta e código de barras.
   Usada na home e no "Meça seu acervo" das páginas de serviço e segmento.
   ========================================================================== */
.nx-tag{--tag-ink:#0e5a4b;--tag-ink-soft:#4f7c70;--tag-line:rgba(14,90,75,.32);
  position:relative;display:block;overflow:hidden;padding:18px 18px 16px;border:1px solid rgba(14,90,75,.42);border-radius:6px;
  background:#fbf8f1;color:var(--tag-ink);font-family:Figtree,'Figtree Fallback',Arial,sans-serif;
  box-shadow:0 1px 0 #fff inset,0 10px 22px -18px rgba(22,35,61,.55)}

.nx-tag-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px dashed var(--tag-line)}
.nx-tag-title{font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.nx-tag-code{padding:4px 7px;border:1px solid var(--tag-ink);border-radius:4px;font:700 12px/1 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}

.nx-tag-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;margin:12px 0 0;padding-bottom:7px;border-bottom:1px solid var(--tag-line)}
.nx-tag-field dt{font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tag-ink-soft)}
.nx-tag-field dd{margin:0;font:500 15px/1.35 Figtree,'Figtree Fallback',Arial,sans-serif;color:#16233d;overflow-wrap:anywhere}

.nx-tag-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-height:64px;padding:14px 0 10px}
.nx-tag-main strong{font:600 clamp(40px,4.4vw,52px)/1 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--tag-ink)}
.nx-tag-main>span{font-size:14px;line-height:1.3;color:var(--tag-ink)}
.nx-tag-empty{margin:0;align-self:center;max-width:26ch;font-size:13.5px;line-height:1.55;color:var(--tag-ink-soft)}

.nx-tag-grid{display:grid;margin:0;border:1px solid var(--tag-line);border-radius:4px;overflow:hidden;background:rgba(255,255,255,.45)}
.nx-tag-grid>div{padding:8px 10px 9px;min-width:0}
.nx-tag-grid>div+div{border-left:1px solid var(--tag-line)}
.nx-tag-grid dt{font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tag-ink-soft)}
.nx-tag-grid dd{margin:4px 0 0;font:600 17px/1.15 Figtree,'Figtree Fallback',Arial,sans-serif;font-variant-numeric:tabular-nums;color:#16233d;overflow-wrap:anywhere}
.nx-tag-line{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--tag-ink-soft)}

.nx-tag-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px}
.nx-tag .nx-barcode{display:flex;align-items:stretch;gap:2px;height:30px;margin:0;overflow:hidden;min-width:0}
.nx-tag .nx-barcode i{display:block;flex:none;background:var(--tag-ink)}
.nx-tag-code-small{display:none;font:600 10px/1 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:.18em;white-space:nowrap}
.nx-tag-note{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--tag-ink-soft)}

/* Carimbo: tinta laranja, borda dupla, levemente falhado; inclinado no canto da etiqueta */
.nx-tag-stamp{position:absolute;right:16px;bottom:58px;padding:5px 10px 4px;border:2px solid #c9651d;border-radius:5px;
  box-shadow:inset 0 0 0 2px #fbf8f1,inset 0 0 0 3.5px #c9651d;color:#c9651d;
  font:800 12.5px/1 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  transform:rotate(-9deg);opacity:.82;mix-blend-mode:multiply;pointer-events:none;
  -webkit-mask-image:repeating-linear-gradient(70deg,#000 0 3px,rgba(0,0,0,.78) 3px 4px);
          mask-image:repeating-linear-gradient(70deg,#000 0 3px,rgba(0,0,0,.78) 3px 4px)}
@media (prefers-reduced-motion:no-preference){
  .nx-tag[data-filled=on] .nx-tag-stamp{animation:nx-stamp .45s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes nx-stamp{0%{opacity:0;transform:rotate(-9deg) scale(1.6)}60%{opacity:.9;transform:rotate(-9deg) scale(.94)}100%{opacity:.82;transform:rotate(-9deg) scale(1)}}

/* Números que rolam (também usados fora da home) */
.nx-tag .nx-roll{display:inline-block;font-variant-numeric:tabular-nums;line-height:1.1}
.nx-tag .nx-roll-in{display:inline-flex;align-items:flex-start}
.nx-tag .nx-roll-d{display:inline-block;height:1.1em;overflow:hidden;vertical-align:top}
.nx-tag .nx-roll-col{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}
.nx-tag .nx-roll-col>span{display:block;height:1.1em;line-height:1.1}
.nx-tag .nx-roll-sep{display:inline-block;height:1.1em;line-height:1.1}
@media (prefers-reduced-motion:reduce){.nx-tag .nx-roll-col{transition:none}}

/* ==========================================================================
   "Meça seu acervo" em duas colunas: o que a pessoa preenche à esquerda,
   a etiqueta à direita (acompanha a rolagem). No celular, uma coluna.
   ========================================================================== */
.nx-measure-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:28px;align-items:start}
.nx-measure-fields{min-width:0}
.nx-measure-tag{position:sticky;top:112px;min-width:0}
.nx-measure-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px}
.nx-measure-ask{margin:18px 0 0;padding-top:16px;border-top:1px solid #e3e0d6}
.nx-measure-ask>p{margin:0 0 4px;font:600 12px/1.4 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#55606b}
.nx-measure-ask fieldset{margin:12px 0 0!important;padding:0;border:0;min-width:0}
.nx-measure-ask legend{margin:0 0 8px;padding:0;font:500 14.5px/1.4 Figtree,'Figtree Fallback',Arial,sans-serif;color:#273849}
.nx-chips{display:flex;flex-wrap:wrap;gap:8px}
.nx-chips label{position:relative;display:inline-flex!important;align-items:center;gap:8px;min-height:40px;margin:0!important;padding:8px 13px;border:1px solid #cfd6d8;border-radius:999px;background:#fff;
  font:500 14px/1.2 Figtree,'Figtree Fallback',Arial,sans-serif;color:#273849;cursor:pointer;transition:background .15s,border-color .15s}
.nx-chips label:has(input:checked){background:#e9f2ee;border-color:#0e6b58;color:#0e5a4b}
.nx-chips input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nx-chips label:has(input:focus-visible){outline:2px solid #0e6b58;outline-offset:2px}
.nx-chips small{font-size:12px!important;color:#5f6a73!important;float:none!important;margin:0!important}
.nx-measure-override{display:block!important;margin:16px 0 0!important}
.nx-measure-override>span{display:block;margin-bottom:8px;font:500 14.5px/1.4 Figtree,'Figtree Fallback',Arial,sans-serif!important;color:#273849!important}
.nx-measure-override>span small{font-size:12px!important;color:#5f6a73!important;float:none!important}
.nx-measure-override input{max-width:220px}
.nx-measure-sum{margin:12px 0 0;font-size:13px;line-height:1.55;color:#55606b}
.nx-measure-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:600 14px/1.3 Figtree,'Figtree Fallback',Arial,sans-serif;color:#0e6b58;text-decoration:underline;text-underline-offset:3px}
@media (max-width:820px){
  .nx-measure-split{grid-template-columns:minmax(0,1fr);gap:18px}
  .nx-measure-tag{position:static}
}
@media (max-width:560px){
  .nx-measure-pair{grid-template-columns:minmax(0,1fr)}
  .nx-tag{padding:15px 14px 14px}
  .nx-tag-stamp{right:12px;bottom:56px;font-size:11.5px}
  .nx-tag-grid dd{font-size:16px}
}

/* Digitalização: o cartão do formulário ficou com uma coluna só (a etiqueta mora dentro do formulário, à direita dos campos) */
.dg-inquiry-card{grid-template-columns:minmax(0,1fr)!important}
.dg-inquiry-heading>p b{font-weight:600;color:#16233d}

/* Dois contadores lado a lado: rótulo em cima, − campo + embaixo (sem espremer o rótulo) */
.nx-measure-pair .nx-quantity-top{flex-direction:column;align-items:stretch;gap:10px}
.nx-measure-pair .nx-stepper{justify-content:space-between}
.nx-measure-pair .nx-step-field{flex:1;width:auto}
/* Perguntas sobre o acervo em grade 2 × 2 no computador */
.nx-measure-ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px}
.nx-measure-ask>p{grid-column:1/-1}
@media (max-width:560px){.nx-measure-ask{grid-template-columns:minmax(0,1fr)}}

/* 26/10 — Carimbo na mesma linha do código de barras (barras à esquerda, carimbo à direita), sem sobreposição */
.nx-tag-foot{align-items:center;gap:16px;margin-top:16px}
.nx-tag .nx-barcode{flex:0 1 auto}
.nx-tag-stamp{position:relative;right:auto;bottom:auto;top:auto;flex:none;margin-right:4px}
@media (max-width:560px){.nx-tag-stamp{right:auto;bottom:auto}}

/* 26/10 — Opções no mesmo botão quadrado das abas (Caixa-arquivo / Caixa grande / Estante):
   borda fina, cantos de 8 px, mesma largura na linha; selecionado em verde-claro com borda verde. */
.nx-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px}
.nx-chips label{justify-content:center;min-height:44px;padding:10px 10px;border:1px solid #dce2e4;border-radius:8px;background:#fff;
  font:500 13px/1.25 Figtree,'Figtree Fallback',Arial,sans-serif;color:#344456;text-align:center}
.nx-chips label:hover{border-color:#9cbcb1}
.nx-chips label:has(input:checked){background:#edf5f1;border-color:#0e6b58;color:#0e6b58;font-weight:600}
.nx-chips small{display:block;width:100%;font-size:11.5px!important;font-weight:400}
.nx-ged-unknown{grid-template-columns:minmax(0,1fr);margin-top:12px}
.nx-ged-unknown label{flex-wrap:wrap;gap:2px 8px}
@media (max-width:440px){.nx-chips{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}}
/* ajuste fino: perguntas em uma coluna (cada uma com a linha inteira para os botões); carimbo com folga embaixo */
.nx-measure-ask{grid-template-columns:minmax(0,1fr)}
.nx-tag-stamp{transform:rotate(-6deg)}
@keyframes nx-stamp{0%{opacity:0;transform:rotate(-6deg) scale(1.6)}60%{opacity:.9;transform:rotate(-6deg) scale(.94)}100%{opacity:.82;transform:rotate(-6deg) scale(1)}}
.nx-tag-foot{padding-bottom:4px}
.nx-tag-note{margin-top:14px}
.nx-chips{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}

/* 26/10 — Todas as escolhas únicas iguais às abas: no fundo do card, com o destaque que desliza (SlideGroup).
   Sem JS, a opção marcada mantém o próprio destaque verde. */
.nx-chips.nx-slide-group{position:relative}
.nx-chips.nx-slide-group>*{position:relative;z-index:1}
.nx-chips.nx-slide-group::before{content:"";position:absolute;left:0;top:0;z-index:0;box-sizing:border-box;width:var(--sl-w,0);height:var(--sl-h,0);
  transform:translate(var(--sl-x,0),var(--sl-y,0));border:1px solid #0e6b58;border-radius:8px;background:#edf5f1;opacity:0;pointer-events:none}
.nx-chips.nx-slide-group[data-slide-ready]::before{opacity:1;transition:transform .34s cubic-bezier(.2,.7,.2,1),width .34s cubic-bezier(.2,.7,.2,1),height .34s cubic-bezier(.2,.7,.2,1),opacity .2s}
.nx-chips.nx-slide-group[data-slide-first]::before{transition:none}
.nx-chips label{background:transparent}
.nx-chips.nx-slide-group[data-slide-ready] label:has(input:checked){background:transparent;border-color:transparent}
.nx-chips-contact{margin-top:2px}
@media (prefers-reduced-motion:reduce){.nx-chips.nx-slide-group::before{transition:none!important}}

/* Abas (Caixa-arquivo / Caixa grande / Estante) também no fundo do card */
.nx-inquiry-counters .nx-inquiry-tabs button{background:transparent}

/* Escolha múltipla ("Precisa de mais algum serviço?"): mesmo quadrado, no fundo do card, com a marcação */
.sg-service-choices label{border-color:#dce2e4!important;border-radius:8px!important;background:transparent!important;min-height:44px}
.sg-service-choices label:has(input:checked){border-color:#0e6b58!important;background:#edf5f1!important;color:#0e6b58}
.sg-service-choices input{accent-color:#0e6b58}

/* ==========================================================================
   26/10 — Um formulário só: Digitalização (dg) e Serviços (sg) com o mesmo
   cabeçalho, o mesmo indicador de etapas (o da home) e os mesmos botões.
   ========================================================================== */
/* Cabeçalho: sobretítulo em Figtree, título e texto empilhados */
.dg-inquiry-heading{display:block!important}
.dg-inquiry-heading>p{margin-top:10px;max-width:60ch}
:is(.dg-inquiry-heading,.sg-inquiry header) :is(.dg-kicker,.sg-kicker){font:600 12px/1.4 Figtree,'Figtree Fallback',Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#55606b!important}

/* Etapas: faixas iguais, número em cima e nome embaixo; a etapa atual com a linha verde no topo */
.dg-page :is(.dg-wizard-steps,.sg-steps){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 24px;padding:0;border:1px solid #e2e8e3;border-radius:10px;overflow:hidden}
.dg-page :is(.dg-wizard-steps,.sg-steps) button{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:58px;margin:0;padding:10px 16px!important;border:0!important;border-top:3px solid transparent!important;border-right:1px solid #e2e8e3!important;border-radius:0;background:#fafbf9;
  font:500 14px/1.2 Figtree,'Figtree Fallback',Arial,sans-serif!important;color:#55606b;text-align:left;opacity:1!important}
.dg-page :is(.dg-wizard-steps,.sg-steps) button:last-child{border-right:0!important}
.dg-page :is(.dg-wizard-steps,.sg-steps) button>span{display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;
  font:600 11px/1 Figtree,'Figtree Fallback',Arial,sans-serif!important;letter-spacing:.12em;color:#6d877b!important}
.dg-page :is(.dg-wizard-steps,.sg-steps) button[aria-current=step]{border-top-color:#0e6b58!important;background:#edf5f1;color:#16233d;font-weight:600!important}
.dg-page :is(.dg-wizard-steps,.sg-steps) button[aria-current=step]>span{color:#0e6b58!important}
.dg-page :is(.dg-wizard-steps,.sg-steps) button:disabled{color:#7a8590;cursor:default}

/* Botões: Voltar e Continuar lado a lado; sozinho, o Continuar ocupa a linha. Mesmo texto e seta centralizados. */
.dg-page :is(.dg-wizard-actions,.sg-form-actions){display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
.dg-page :is(.dg-wizard-actions,.sg-form-actions):has(> :is(.dg-back,.sg-back)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dg-page :is(.dg-wizard-actions,.sg-form-actions)>*{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:0;border-radius:9px}
.dg-page .sg-form-actions>.sg-back{border:1px solid #a7b0b8;color:#16233d;background:#fffdf8;font:600 14px Figtree,'Figtree Fallback',Arial,sans-serif;cursor:pointer}
.dg-page .sg-form-actions>.sg-action>span{flex:none}

/* Barrinha da etiqueta (celular): fixa no pé dos campos enquanto a pessoa mede; tocar leva à etiqueta */
.nx-measure-mini{display:none}
@media (max-width:820px){
  .nx-measure-mini{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;width:100%;margin:16px 0 0;padding:11px 14px;
    border:1px solid rgba(14,90,75,.42);border-radius:10px;background:#fbf8f1;color:#0e5a4b;text-align:left;cursor:pointer;
    font:500 14px/1.3 Figtree,'Figtree Fallback',Arial,sans-serif;box-shadow:0 10px 24px -14px rgba(22,35,61,.55)}
  .nx-measure-mini-k{flex:none;font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
  .nx-measure-mini-v{flex:1;min-width:0;font-weight:600;color:#16233d;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nx-measure-mini-go{flex:none;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:3px}
}
/* Contador sem barra: um pouco menos de respiro */
.nx-inquiry-counters .nx-quantity-compact{padding:14px 0}

/* Ajustes vistos na conferência: "Anexar fotos" e o texto ao lado ficavam colados nos Serviços;
   na Digitalização, "opcional/obrigatório" caía numa linha sozinha embaixo do rótulo. */
.sg-inquiry .nx-photos-drop{display:grid!important}
.dg-request-fields>label:not(.dg-consent):not(.dg-form-honey){display:block!important}
.dg-request-fields>label>:is(small,span){display:inline!important;margin-left:6px}
.dg-request-fields>label>:is(input,textarea,select){margin-top:8px}