/* Banner do topo das páginas de serviço (.dg-hero): imagem realista num palco #192136, igual aos cards da home.
   Texto do banner à esquerda, imagem à direita; no celular (até 860px) texto em cima e imagem embaixo, sem efeitos de mouse. */
.nx-service-redesign .dg-hero{--nx-stage:#192136;--nx-ease:cubic-bezier(.2,.7,.2,1)}

/* Textinho acima do título: Figtree 600, maiúsculas, 0,12em */
html body .nx-service-redesign .dg-hero .dg-hero-copy .dg-kicker{font-family:Figtree,'Figtree Fallback',Arial,sans-serif;font-weight:600;font-size:12px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#C8D3DC}

/* Palco */
html body .nx-service-redesign .dg-hero .nx-banner-art{position:relative;display:block;align-self:center;min-width:0;width:100%;margin:0;padding:0;
  aspect-ratio:1400/1045;overflow:hidden;isolation:isolate;perspective:1100px;border:0;border-radius:12px;background:var(--nx-stage);
  box-shadow:0 0 0 1px rgba(14,107,88,.35),0 0 64px -22px rgba(14,107,88,.55),0 26px 50px -26px rgba(0,0,0,.6)}
html body .nx-service-redesign .dg-hero .nx-banner-art:before{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 55% at 50% 42%,rgba(14,107,88,.28),transparent 70%)}
html body .nx-service-redesign .dg-hero .nx-banner-art:after{display:none}
.nx-banner-art .nx-media-obj{position:absolute;inset:0;transform-style:preserve-3d}
.nx-banner-art .nx-media-obj img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.nx-banner-art .nx-media-glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;
  background:radial-gradient(240px 240px at var(--gx,50%) var(--gy,40%),rgba(220,234,229,.16),transparent 70%)}
.nx-banner-art .nx-media-sweep{position:absolute;inset:-20% -40%;pointer-events:none;mix-blend-mode:screen;opacity:0;transform:translateX(-60%);
  background:linear-gradient(100deg,transparent 42%,rgba(143,211,194,.10) 48%,rgba(220,234,229,.22) 50%,rgba(143,211,194,.10) 52%,transparent 58%)}

/* Efeitos: só com mouse (desktop) e sem "reduzir movimento". A luz passa uma vez ao carregar. */
@media (min-width:861px) and (prefers-reduced-motion:no-preference){
  .nx-banner-art .nx-media-glare{transition:opacity .4s var(--nx-ease)}
  .nx-banner-art:hover .nx-media-glare{opacity:1}
  .nx-banner-art .nx-media-sweep{animation:nx-banner-sweep 1.8s var(--nx-ease) .5s 1 both}
}
@keyframes nx-banner-sweep{0%{opacity:1;transform:translateX(-60%)}100%{opacity:1;transform:translateX(60%)}}
@media (max-width:860px),(prefers-reduced-motion:reduce){
  .nx-banner-art .nx-media-obj{transform:none!important}
  .nx-banner-art .nx-media-sweep,.nx-banner-art .nx-media-glare{display:none}
}

/* Celular e tablet estreito: texto em cima, imagem embaixo, largura total */
@media (max-width:860px){
  html body .nx-service-redesign .dg-hero{grid-template-columns:minmax(0,1fr)}
  html body .nx-service-redesign .dg-hero .dg-hero-copy{order:1}
  html body .nx-service-redesign .dg-hero .nx-banner-art{order:2;max-width:none;justify-self:stretch}
  html body .nx-service-redesign .dg-hero .dg-inquiry{order:3}
}

/* Formatos de Digitalização (folhas, livros, plantas, fotos): imagem recortada, sem fundo e sem quadro.
   O equipamento fica direto sobre o navy do banner, com um halo verde-petróleo suave e sombra que segue o recorte. */
html body .nx-service-redesign .dg-hero .nx-banner-art.nx-banner-cutout{background:transparent;border-radius:0;box-shadow:none;overflow:visible}
html body .nx-service-redesign .dg-hero .nx-banner-art.nx-banner-cutout:before{inset:-6% -4%;background:radial-gradient(48% 46% at 50% 46%,rgba(14,107,88,.30),transparent 72%)}
.nx-banner-cutout .nx-media-obj img{filter:drop-shadow(0 22px 26px rgba(4,9,20,.5))}
.nx-banner-cutout .nx-media-sweep,.nx-banner-cutout .nx-media-glare{display:none}