/* ================================================================
   VELO.LAW® — HERO / BANNER
   Layout centralizado, CTAs, elementos removidos
   ================================================================ */

/* ── Hero: centralizar, remover ícones extras ── */
.wpr-banner-area .banner-content-area {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.wpr-banner-area .velo-banner-headline {
  width: 100% !important;
  padding-top: 36px !important;
  padding-bottom: 12px !important;
}
/* Remove ícone central, split visual e scroll */
.wpr-banner-area .mid-icon,
.wpr-banner-area .banner-split-visual,
.velo-scroll-more {
  display: none !important;
}

/* ── Hero CTAs: layout flex ── */
.velo-banner-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* ── Mobile: hero ── */
@media (max-width: 767.98px) {
  .wpr-banner-area .banner-title {
    font-size: clamp(28px, 7vw, 42px) !important;
    line-height: 1.2 !important;
  }
  .wpr-banner-area .left-area,
  .wpr-banner-area .right-area {
    padding: 0 !important;
    text-align: center;
  }
  .wpr-banner-area .banner-desc {
    font-size: 15px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .wpr-banner-area .button-group {
    justify-content: center;
  }
  .wpr-banner-area .mid-icon img {
    width: clamp(180px, 55vw, 280px) !important;
  }
  .wpr-banner-area .text-area .button-area {
    flex-direction: column;
    align-items: stretch;
  }
  .wpr-banner-area .text-area .wpr-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  /* CTAs centralizados */
  .velo-banner-ctas {
    justify-content: center !important;
    align-items: center !important;
  }
  /* Elementos visuais secundários: oculta */
  .banner-split-visual,
  .velo-scroll-more,
  .scroll-down-area,
  .scroll-down-btn {
    display: none !important;
  }
  /* Headline: padding reduzido */
  .velo-banner-headline {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Garante visibilidade se animação CSS falhar */
  .velo-banner-h1,
  .velo-banner-sub,
  .velo-banner-desc,
  .velo-banner-ctas {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  /* Contadores / Stats */
  .counter-wrapper .number,
  .counter-wrapper .odometer {
    font-size: clamp(32px, 9vw, 56px) !important;
  }
}