/* 261001 — #14: reflexo exclusivamente na mascara alfa dos logos.
   Escopo: faixa de clientes da Home. Nenhum seletor de HUD/menu/sidebar.
   O JavaScript cria uma unica frente de luz no espaco visivel da faixa. */
body.hs-front .hs-clients{--hs-client-reflex-rgb:112,35,224}
body.hs-front .hs-clients.hs-client-reflex-anchor {
  position: relative;
}
body.hs-front .hs-clients > .hs-client-reflex {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  background: transparent;
  z-index: 1;
}
html[data-modo="roxo"] body.hs-front .hs-clients,
html[data-modo="escuro"] body.hs-front .hs-clients {
  --hs-client-reflex-rgb: 190, 139, 255;
}
body.hs-front .hs-clients .hs-client-reflex-mask {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg,
    rgba(var(--hs-client-reflex-rgb), 0) 0%,
    rgba(var(--hs-client-reflex-rgb), 0.3) 24%,
    rgba(var(--hs-client-reflex-rgb), 1) 50%,
    rgba(var(--hs-client-reflex-rgb), 0.3) 76%,
    rgba(var(--hs-client-reflex-rgb), 0) 100%);
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
@media (prefers-reduced-motion: reduce) {
  body.hs-front .hs-clients > .hs-client-reflex {
    display: none;
  }
}

/* 261003: mascara no mesmo figure da imagem acompanha a composicao do
   carrossel no navegador; evita dupla silhueta ao medir fora do transform. */
body.hs-front .hs-clients .hs-client-reflex-figure{position:relative}
body.hs-front .hs-clients .hs-client-reflex-mask{z-index:1}
@media(prefers-reduced-motion:reduce){body.hs-front .hs-clients .hs-client-reflex-mask{display:none}}