/* ================================================================
   VELO.LAW® — METODOLOGIA (#processo)
   Scroll horizontal, cards, swipe hint, LawSuite gap
   ================================================================ */

/* ── LawSuite/Metodologia: corrige gap excessivo do tema ── */
.wpr-working-process .working-process-left {
  gap: 32px !important;
}
.working-process-left .section-title-area {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.working-process-left .text-area {
  margin-top: 0 !important;
}

/* ── Seção: scroll horizontal, sem padding ── */
#processo .section-inner {
  padding: 0 !important;
  overflow: hidden;
}
/* Esconde scrollbar mas mantém scroll funcional */
#processo [style*="overflow-x:auto"] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#processo [style*="overflow-x:auto"]::-webkit-scrollbar {
  display: none;
}

/* ── Cards das etapas ── */
#processo .working-process-wrapper {
  padding: 24px 28px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  min-width: 320px;
}
#processo .working-process-wrapper .image-area {
  margin-bottom: 16px !important;
}
#processo .working-process-wrapper .content-area {
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
}
#processo .working-process-wrapper .number {
  font-size: 12px !important;
  opacity: 0.5 !important;
  margin-bottom: 4px !important;
}
#processo .working-process-wrapper h3.title {
  font-size: 16px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#processo .working-process-wrapper .desc {
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin-top: 6px !important;
}
#processo .working-process-wrapper .wrapper-content {
  flex: 1;
  min-width: 0;
}
#processo .working-process-wrapper .content-area {
  gap: 20px;
}

/* ── Swipe hint: mobile only ── */
.velo-swipe-hint {
  display: none;
}
@media (max-width: 767.98px) {
  .velo-swipe-hint {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #888;
    padding: 6px 20px 0;
    animation: swipeHintBounce 1.6s ease-in-out infinite;
  }
  @keyframes swipeHintBounce {
    0%, 100% { opacity: 0.45; transform: translateX(0); }
    50%       { opacity: 1;    transform: translateX(5px); }
  }
}

/* ── Mobile ── */
@media (max-width: 767.98px) {
  /* Cabeçalho da seção: empilha */
  #processo .section-inner > div:first-child {
    flex-direction: column !important;
    padding: 36px 20px 28px !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }
  #processo .section-title-area {
    max-width: 100% !important;
    min-width: unset !important;
    flex: unset !important;
  }
  #processo .section-inner > div:first-child > div:last-child {
    max-width: 100% !important;
    min-width: unset !important;
    flex: unset !important;
    width: 100%;
  }
  #processo .section-inner > div:first-child .wpr-btn {
    width: 100%;
    justify-content: center;
  }
  /* Cards: 1 por vez, scroll */
  #processo .working-process-wrapper {
    flex: 0 0 85vw !important;
    min-width: 280px !important;
    padding: 32px 20px !important;
  }
  /* Título pode quebrar no mobile */
  #processo .working-process-wrapper h3.title {
    white-space: normal !important;
    font-size: 15px !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  /* LawSuite col */
  .working-process-left {
    padding-bottom: 0 !important;
    margin-bottom: 32px !important;
  }
  .working-process-content {
    margin-top: 0 !important;
  }
  .working-process-wrapper .content-area {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}