/* ===== Modal de Checkout (demo) ===== */
.checkout-overlay{
  position: fixed;
  inset: 0;
  background: rgba(60,74,79,.55);
  backdrop-filter: blur(4px);
  z-index: 300;
  display:none;
  align-items:center;
  justify-content:center;
  padding: 20px;
}
.checkout-overlay.open{ display:flex; }

.checkout-box{
  background: var(--blanco);
  border-radius: 28px;
  max-width: 440px;
  width:100%;
  padding: 36px;
  position: relative;
  max-height: 90vh;
  overflow-y:auto;
}
.checkout-box .close-x{
  position:absolute;
  top:18px; right:18px;
  background:none;
  border:none;
  font-size:1.4rem;
  color: var(--tinta-suave);
  cursor:pointer;
}
.checkout-summary{
  background: var(--crema);
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.checkout-disclaimer{
  font-size:.78rem;
  color: var(--tinta-suave);
  background: rgba(168,184,165,.2);
  border-radius: 12px;
  padding: 12px 14px;
  margin-top: 18px;
  line-height:1.5;
}
.checkout-success{
  text-align:center;
  padding: 12px 0;
}
.checkout-success .icon-ok{
  width:64px; height:64px;
  border-radius:50%;
  background: var(--salvia);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:1.8rem;
  margin: 0 auto 18px;
}