/* ================================================================
   VELO.LAW® — ESCRITÓRIOS PARCEIROS (.wpr-brand-area)
   Logo marquee, animação loop, mobile horizontal
   ================================================================ */

/* ── Overflow clip (logos em row podem exceder) ── */
.wpr-brand-area {
  overflow: hidden;
  max-width: 100%;
}

/* ── Logos: fundo transparente, imagem contida ── */
.brand-wrapper {
  background: transparent !important;
}
.brand-wrapper img {
  object-fit: contain !important;
  max-width: 80% !important;
  max-height: 80% !important;
  width: auto !important;
  height: auto !important;
}

/* ── Animação marquee: loop sem salto ── */
@keyframes velo-brand-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.wpr-brand-area .right-marquee-area {
  overflow: hidden !important;
  max-width: 100% !important;
}
.wpr-brand-area .right-marquee-area .brand-inner {
  animation-name: velo-brand-marquee !important;
  animation-duration: 22s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
}

/* ── Mobile: 1 linha horizontal compacta ── */
@media (max-width: 767.98px) {
  .wpr-brand-area .section-inner {
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding: 20px 16px !important;
    gap: 16px !important;
  }
  .wpr-brand-area .left-text {
    flex: 0 0 auto !important;
    text-align: left !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    border-right: 1px solid rgba(0,0,0,.1) !important;
    padding-right: 14px !important;
    white-space: nowrap;
  }
  .wpr-brand-area .right-marquee-area {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  /* Logo wrappers menores */
  .brand-wrapper {
    width: 120px !important;
    height: 80px !important;
    line-height: 80px !important;
  }
}