/* v503: asegura contraste y lectura de los números del progreso del carrito. */
html body #cartDrawer .cart-step span {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border: 1px solid var(--line) !important;
  border-radius: 50% !important;
  background: var(--surface2) !important;
  color: var(--text) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  opacity: 1 !important;
}

html body #cartDrawer .cart-step.active span {
  background: #fff8ec !important;
  border-color: rgba(115, 57, 10, .38) !important;
  color: #713708 !important;
  box-shadow: 0 1px 4px rgba(73, 35, 0, .18) !important;
}

html body #cartDrawer .cart-step.done span {
  background: #18864c !important;
  border-color: #18864c !important;
  color: #fff !important;
}

@media (max-width: 390px) {
  html body #cartDrawer .cart-step span {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    font-size: 13px !important;
  }
}