/* ── Carrossel de logos infinito ── */
.logos-carousel-wrap{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);
}
/* track: sem gap — cada logo carrega seu próprio margin-right */
.logos-scroll-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:veloz-logos-scroll 32s linear infinite;
}
.logos-scroll-track:hover{animation-play-state:paused}
/* 3 sets × 7 logos; animar -33.333% = exatamente 1 set → loop matematicamente perfeito */
@keyframes veloz-logos-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-33.333%)}
}
.logos-client-logo{
  /* margin-right = espaço entre logos; inclui o espaço do último logo de cada set */
  margin-right:3.5rem;
  height:40px;
  width:auto;
  max-width:140px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.55;
  transition:filter .3s,opacity .3s;
  flex-shrink:0;
}
.logos-client-logo:hover{filter:grayscale(0);opacity:1}

/* ── Ícone WhatsApp adaptável (herda currentColor do botão pai) ── */
.wpp-icon{
  display:inline-block;
  background-color:currentColor;
  -webkit-mask:url('social/whatsapp-mask.svg') center/contain no-repeat;
  mask:url('social/whatsapp-mask.svg') center/contain no-repeat;
  flex-shrink:0;
}
/* Botão flutuante verde: ícone sempre branco */
a[aria-label="WhatsApp"] .wpp-icon,
[data-cta="float-wpp"] .wpp-icon,
#wpp-float .wpp-icon{background-color:white}

/* ── Placeholder de imagem (seções sem foto real ainda) ── */
.photo-placeholder{
  background:linear-gradient(135deg,#F4F6FA,#E8EDF4);
  border:1px solid #E2E8F0;
  border-radius:16px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#7E8CA0;gap:6px;text-align:center;padding:1.25rem;
}