/* ==============================
   CHECKOUT STEPPER - ESTADOS
   ============================== */

.step-pill,
.step-connector {
  transition: background-color .35s ease, border-color .35s ease, color .35s ease;
}

/* Pastilla de paso completada (verde) */
.step-pill.step-completed {
  background-color: #22c55e !important;
  border-color: #22c55e !important;
  color: #fff !important;
}

.step-pill.step-completed .step-num {
  background-color: #fff !important;
  color: #22c55e !important;
}

/* Conector entre pasos completados también en verde */
.step-connector.connector-done {
  background-color: #22c55e !important;
}

/* ✅ Solo el check ✔ dentro del recuadro: oculta número Y texto */
.step-pill.step-completed .step-num {
  font-size: 0;                  /* oculta el número */
}

.step-pill.step-completed .step-num::after {
  content: "\F26E";              /* bi-check-lg */
  font-family: "bootstrap-icons";
  font-size: 1rem;               /* muestra solo el check */
}

.step-pill.step-completed .step-text {
  display: none;                 /* oculta "Información", "Entrega", etc. */
}