/* Checkout y páginas de resultado — tema negro / rojo */
.back-link{color:#d4d4d8;text-decoration:none;font-weight:600;font-size:.93rem}
.back-link:hover{color:#fff}
.ck{padding-top:34px;background:var(--bg);min-height:70vh}
.ck-title{font-size:clamp(2.2rem,6vw,3rem);text-transform:uppercase;margin-bottom:22px}
.ck-grid{display:grid;gap:20px;align-items:start}
.ck-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.ck-vacio{text-align:center}
.ck-form h2,.ck-resumen h2{font-size:1.45rem;text-transform:uppercase;margin:4px 0 14px;letter-spacing:.5px}
.ck-form h2:not(:first-child){margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.f{display:grid;gap:6px;margin-bottom:12px}
.f-row{display:grid;gap:0 14px}
.f-row>[hidden]{display:none}
.ck-form input:invalid:not(:placeholder-shown):not(:focus){border-color:#f87171}
.ck-form input::placeholder{color:var(--dim)}
.envio-aviso{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-weight:600;color:#fff;margin:4px 0 0}
.envio-aviso.gratis{background:rgba(31,168,85,.12);border-color:rgba(31,168,85,.35);color:#4ade80}
#btn-mp:disabled{background:linear-gradient(180deg,#12aaf0 0%,#009ee3 100%);color:#fff;opacity:.75;cursor:wait}
.ck-mp-intro{display:flex;gap:12px;align-items:flex-start;background:rgba(0,158,227,.08);border:1px solid rgba(0,158,227,.4);border-radius:12px;padding:12px 14px;margin:-6px 0 20px;color:#e6f6fe;font-size:.92rem;line-height:1.5}
.ck-mp-intro[hidden]{display:none}
.ck-mp-intro p{margin:0}
.ck-mp-intro a{color:#4ade80;font-weight:700}
.pago-box{display:grid;gap:8px}
.pago-nota{font-size:.8rem;color:var(--muted);margin:0;text-align:center}
.aviso{background:rgba(224,30,43,.1);border:1px solid rgba(224,30,43,.4);border-radius:12px;padding:12px 14px;display:grid;gap:4px;font-size:.92rem;color:#e4e4e7}
.aviso strong{color:#fff}
.aviso[hidden]{display:none}
.o-sep{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:.84rem;margin:6px 0}
.o-sep::before,.o-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.btn-wa.pulse{animation:wapulse 1.2s ease-in-out 3}
@keyframes wapulse{50%{transform:scale(1.03);box-shadow:0 0 0 8px rgba(31,168,85,.25)}}
.ck-resumen{order:-1}
.ck-resumen .cart-items{margin-bottom:12px}
.ci-ck{grid-template-columns:56px 1fr auto}
.ci-ck img{width:56px;height:56px}
.mini-footer{background:#060607;border-top:1px solid var(--line);color:var(--dim);padding:22px 0;font-size:.84rem;text-align:center}
.mini-footer a{color:#d4d4d8}
.mini-footer p{margin:0}
.resultado{text-align:center;padding:38px 24px}
.res-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}
.res-icon svg{width:38px;height:38px}
.resultado-ok .res-icon{background:rgba(31,168,85,.14);color:#4ade80}
.resultado-pend .res-icon{background:rgba(250,204,21,.12);color:#facc15}
.resultado-fail .res-icon{background:rgba(224,30,43,.14);color:var(--red-3)}
.resultado h1{font-size:clamp(2rem,6vw,2.6rem);text-transform:uppercase}
.resultado>p{color:var(--muted)}
.res-datos{display:grid;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px auto;max-width:440px;text-align:left}
.res-datos div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}
.res-datos dt{color:var(--muted)}
.res-datos dd{margin:0;font-weight:700;word-break:break-all}
.res-acciones{display:flex;flex-direction:column;gap:10px;margin:20px 0 14px}
@media (min-width:640px){
  .f-row{grid-template-columns:1fr 1fr}
  .res-acciones{flex-direction:row;justify-content:center}
}
@media (min-width:960px){
  .ck-grid{grid-template-columns:1.5fr 1fr}
  .ck-resumen{position:sticky;top:92px;order:0}
  .ck-card{padding:30px}
}