/* ==========================================================================
   Home, Partes 7 a 10: Metodologia, Segmentos em etiquetas, "Teste a busca" e acabamentos.
   Carregado só na home, depois dos outros CSS. Só Figtree (Lora só no caderno e nas frases em itálico da Metodologia).
   ========================================================================== */

/* ---------- Parte 7 · Metodologia ---------- */
/* etapas futuras mais apagadas (55%); a etapa ativa ganha número em destaque e borda verde-petróleo */
html body .nx-mh .nx-method-step .nx-method-note{opacity:.55}
html body .nx-mh .nx-method-step[data-on="true"] .nx-method-note{opacity:1}
html body .nx-mh .nx-method-step[data-current="true"] .nx-method-note{border-color:#0E6B58;box-shadow:inset 0 0 0 1px #0E6B58,0 18px 34px -24px rgba(14,107,88,.55)}
html body .nx-mh .nx-method-step .nx-method-number{transition:color .4s ease,font-size .3s ease}
html body .nx-mh .nx-method-step[data-current="true"] .nx-method-number{color:#0E6B58;font-weight:700;font-size:16px}
@media (prefers-reduced-motion:reduce){html body .nx-mh .nx-method-step .nx-method-number,html body .nx-mh .nx-method-step .nx-method-note{transition:none}}

/* ---------- Parte 8 · Segmentos como etiquetas de caixa-arquivo ---------- */
.nx-seg-labels{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1099px){.nx-seg-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.nx-seg-labels{grid-template-columns:minmax(0,1fr)}}
.nx-seg-label{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box;padding:16px 16px 14px;
  background:#FBF8F1;color:#0E5A4B;border:1px solid rgba(14,90,75,.42);border-radius:4px;text-decoration:none;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1)}
.nx-seg-label:hover,.nx-seg-label:focus-visible{transform:translateY(-4px);box-shadow:0 16px 26px -18px rgba(22,35,61,.45)}
.nx-seg-label:focus-visible{outline:2px solid #0E6B58;outline-offset:3px}
.nx-seg-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px dashed rgba(14,90,75,.4)}
.nx-seg-code{font:700 14px/1 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.nx-seg-cat{font:600 12px/1 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(14,90,75,.85)}
.nx-seg-ico{display:block;width:26px;height:26px;color:#0E5A4B}
.nx-seg-ico svg{display:block;width:26px;height:26px}
.nx-seg-title{font:600 clamp(17px,1.5vw,20px)/1.2 Figtree,'Figtree Fallback',Arial,sans-serif;letter-spacing:-.01em;color:#16233D}
.nx-seg-text{font:400 14px/1.5 Figtree,'Figtree Fallback',Arial,sans-serif;color:#4B5262;flex:1}
.nx-seg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.nx-seg-foot .nx-barcode{margin:0;height:24px;flex:1;min-width:0}
.nx-seg-foot svg{flex:none;width:18px;height:18px;color:#0E5A4B;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.nx-seg-label:hover .nx-seg-foot svg{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.nx-seg-label,.nx-seg-foot svg{transition:none}.nx-seg-label:hover,.nx-seg-label:focus-visible{transform:none}.nx-seg-label:hover .nx-seg-foot svg{transform:none}}

/* ===== Parte 10: acabamentos ===== */
/* Legislação: sem o desenho do documento */
.nx-home-redesign .nx-legal-art{display:none}

/* Vamos conversar: Shine Border aqua discreta (só neste cartão); os botões principal/secundário vêm da Parte 3 */
@property --nx-shine{syntax:"<angle>";inherits:false;initial-value:0deg}
.nx-home-redesign .nx-conversation-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
  background:conic-gradient(from var(--nx-shine),rgba(172,211,195,.12) 0deg,rgba(172,211,195,.12) 250deg,rgba(150,226,205,.95) 320deg,rgba(172,211,195,.12) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:nx-shine-spin 9s linear infinite}
@keyframes nx-shine-spin{to{--nx-shine:360deg}}
@media (prefers-reduced-motion:reduce){.nx-home-redesign .nx-conversation-card::after{animation:none}}

/* FAQ: o destaque que desliza fica azul navy; o texto do filtro ativo precisa ser Papel (contraste) */
body .nx-home-redesign[data-nx="home"] #faq div.nx-faq-filters button[aria-pressed="true"]:not(.nx-opening *):not(.nx-home-footer *){color:#F5F3EC}

/* GED: imagem do notebook começa levemente inclinada e endireita com a rolagem (só desktop) */
@media (min-width:861px) and (prefers-reduced-motion:no-preference){
  body .nx-home-redesign[data-nx="home"] #servicos .nx-digital-visual[data-tilt] .nx-media-obj img{transform:rotate(var(--nx-tilt,0deg)) scale(1.07);transform-origin:50% 60%;will-change:transform}
}

/* Ícones dos itens de serviço: acompanham o mouse por poucos pixels */
@media (prefers-reduced-motion:no-preference){
  body .nx-home-redesign[data-nx="home"] #servicos .nx-digital-benefits li>.nx-benefit-icon svg{transform:translate(var(--nx-ic-x,0),var(--nx-ic-y,0));transition:transform .25s cubic-bezier(.2,.7,.2,1)}
}