.mb-step-by-step{display:grid;gap:18px;width:100%}
.mb-step-by-step__head{display:grid;justify-items:center;text-align:center;gap:6px}
.mb-step-by-step__head h2{margin:0;color:#071B4D;font-size:clamp(24px,3vw,34px);line-height:1.12;font-weight:900;letter-spacing:-.03em}
.mb-step-by-step__head p{margin:0;color:#667085;font-size:14px;line-height:1.55;max-width:760px}

.mb-step-by-step__carousel{position:relative}
.mb-step-by-step__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px 2px 12px}
.mb-step-by-step__track::-webkit-scrollbar{display:none}

.mb-step-by-step__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:999px;border:1px solid #e6eaf2;background:#fff;color:#071B4D;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(7,27,77,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.mb-step-by-step__arrow:hover{transform:translateY(-50%) translateY(-1px);border-color:#d8c089;box-shadow:0 14px 30px rgba(7,27,77,.11)}
.mb-step-by-step__arrow--prev{left:-10px}
.mb-step-by-step__arrow--next{right:-10px}

.mb-step-card{position:relative;scroll-snap-align:start;background:#fff;border:1px solid #e6eaf2;border-radius:18px;padding:18px 16px 16px;box-shadow:0 10px 26px rgba(7,27,77,.06);display:grid;grid-template-rows:auto minmax(52px,auto) 1fr auto;gap:12px;min-width:0;min-height:286px}
.mb-step-card:not(:last-child)::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-23px;top:50%;transform:translateY(-50%);z-index:4;width:30px;height:30px;border-radius:999px;background:#fff;color:#C99A2E;border:1px solid rgba(201,154,46,.32);display:grid;place-items:center;font-size:12px;box-shadow:0 8px 18px rgba(7,27,77,.08)}
.mb-step-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}
.mb-step-card__icon{width:42px;height:42px;border-radius:14px;background:#071B4D;color:#C99A2E;display:grid;place-items:center;font-size:17px;flex:0 0 auto}
.mb-step-card__num{border:1px solid rgba(201,154,46,.35);background:#fff7df;color:#071B4D;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;line-height:1;flex:0 0 auto}
.mb-step-card h3{margin:0;color:#071B4D;font-size:15px;line-height:1.22;font-weight:900;text-align:center;align-self:center}
.mb-step-card p{margin:0;color:#667085;font-size:13px;line-height:1.48;font-weight:600;text-align:center}
.mb-step-card__divider{display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(201,154,46,0),rgba(201,154,46,.55),rgba(201,154,46,0));margin-top:2px}
.mb-step-empty{border:1px dashed #cfd8e7;border-radius:18px;padding:20px;text-align:center;color:#667085;background:#f8fafd;font-weight:800}

@media(max-width:1180px){.mb-step-by-step__track{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:760px){.mb-step-card:not(:last-child)::after{display:none}
  .mb-step-by-step{gap:14px}
  .mb-step-by-step__head h2{font-size:24px}
  .mb-step-by-step__head p{font-size:13px}
  .mb-step-by-step__track{grid-auto-columns:84%;gap:12px;margin:0 -14px;padding:2px 14px 12px}
  .mb-step-card{min-height:250px}
  .mb-step-by-step__arrow{width:38px;height:38px}
  .mb-step-by-step__arrow--prev{left:2px}
  .mb-step-by-step__arrow--next{right:2px}
}
/* V555 - Como Funciona mobile/home: sem setas, somente arraste */
.mb-step-by-step__arrow{
  display:none !important;
}

/* V556.1 - Como Funciona arrastável no desktop sem setas */
.mb-step-by-step__track{
  cursor:grab;
  user-select:none;
}
.mb-step-by-step__track.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto !important;
}