h1 {
  text-decoration: underline;
}

/* Checkout styles appended from checkout component */
*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#1a1a2e;--red:#c81e1e;--red-dp:#6b0f0f;--accent:#e85d04;--accent2:#f48c06;--white:#fff;--g200:#e9ecef;--g400:#868e96;--g500:#495057}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#1a1a2e 0%,#6b0f0f 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.ck-wrap{max-width:580px;width:100%}
.ck-modal{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.4);animation:slideUp .5s ease-out}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.ck-header{background:linear-gradient(135deg,var(--dark),var(--red-dp));padding:36px 32px 28px;text-align:center}
.ck-header h2{color:var(--white);font-size:22px;font-weight:800;margin-bottom:8px;line-height:1.3}
.ck-header p{color:rgba(255,255,255,.65);font-size:14px}
.ck-step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--red);color:var(--white);border-radius:50%;font-size:18px;font-weight:800;margin-bottom:12px}
.ck-body{padding:28px 32px 36px}
.ck-plan-tag{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.ck-plan-tag.completo{background:rgba(232,93,4,.1);color:var(--accent)}
.ck-plan-tag.cuotas{background:rgba(200,30,30,.1);color:var(--red)}
.ck-price{font-size:32px;font-weight:800;color:var(--dark);margin-bottom:20px}
.ck-price span{font-size:16px;font-weight:600;color:var(--g400)}
.ck-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.ck-step{display:flex;gap:14px;align-items:flex-start}
.ck-step-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--white)}
.ck-step-icon.s1{background:var(--red)}.ck-step-icon.s2{background:#25D366}.ck-step-icon.s3{background:var(--accent)}
.ck-step-content h4{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:3px}
.ck-step-content p{font-size:13px;color:var(--g500);line-height:1.5}
.ck-divider{height:1px;background:var(--g200);margin:4px 0 20px}
.ck-methods-title{font-size:13px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;text-align:center}
.ck-methods{display:flex;flex-direction:column;gap:10px}
.ck-pay-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:.3s;border:none;cursor:pointer}
.ck-pay-btn:hover{transform:translateY(-2px)}
.ck-pay-btn.tarjeta{background:linear-gradient(135deg,#1a1a2e,#2d2d5e);color:var(--white);box-shadow:0 8px 25px rgba(26,26,46,.3)}
.ck-pay-btn.yape{background:linear-gradient(135deg,#7B2D8E,#9B30FF);color:var(--white);box-shadow:0 8px 25px rgba(123,45,142,.3)}
.ck-pay-btn.bcp{background:linear-gradient(135deg,#002A8D,#0047D4);color:var(--white);box-shadow:0 8px 25px rgba(0,42,141,.3)}
.ck-pay-btn .btn-icon{font-size:20px;flex-shrink:0}
.ck-pay-btn .btn-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}
.ck-pay-btn .btn-label small{font-size:11px;font-weight:500;opacity:.75}
.ck-or{text-align:center;color:var(--g400);font-size:12px;font-weight:600;position:relative}
.ck-or::before,.ck-or::after{content:'';position:absolute;top:50%;height:1px;width:calc(50% - 20px);background:var(--g200)}
.ck-or::before{left:0}.ck-or::after{right:0}
.ck-wa-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--g200)}
.ck-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:.3s;background:linear-gradient(135deg,#25D366,#128C7E);color:var(--white);box-shadow:0 8px 25px rgba(37,211,102,.25)}
.ck-wa-btn:hover{transform:translateY(-2px)}
.ck-note{display:flex;align-items:flex-start;gap:10px;background:rgba(232,93,4,.06);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:14px 16px;margin-top:20px}
.ck-note span{font-size:18px;flex-shrink:0}.ck-note p{font-size:12px;color:var(--g500);line-height:1.5}
.ck-back{display:block;text-align:center;color:rgba(255,255,255,.6);font-size:13px;text-decoration:none;margin-top:16px;transition:.3s}
.ck-back:hover{color:var(--white)}
@media(max-width:600px){.ck-body{padding:20px 18px 28px}.ck-header{padding:28px 18px 22px}.ck-price{font-size:26px}}