/* Bloque "Tu fecha, después del pago" dentro de la sección de packs.
   Capa aparte: se quita borrando el <link>, el <script> y el <div id="calWeb"> de index.html. */
.cw { max-width:620px; margin:28px auto 34px; }
.cw-tit { font-family:var(--mono); font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--accent); text-align:center; margin-bottom:12px; }
.cw-card { background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:8px 18px 14px; }
.cw-pasos { list-style:none; margin:0; padding:0; }
.cw-pasos li { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:.95rem; line-height:1.55; color:rgba(255,255,255,.82); }
.cw-pasos li:last-child { border-bottom:none; }
.cw-pasos li b { color:#fff; }
.cw-pasos .n { flex:none; width:26px; height:26px; border-radius:50%; border:1px solid rgba(255,213,0,.5); color:var(--accent); font-family:var(--mono); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-top:2px; }
.cw-nota { text-align:center; font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.42); padding-top:12px; line-height:1.6; }

/* Klarna · 3 cuotas */
.klarna { margin:6px 0 10px; font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; color:rgba(255,255,255,.62); line-height:1.5; }
.klarna b { color:#fff; font-weight:700; }
.mini-right .klarna { text-align:inherit; }
.cw-klarna { max-width:620px; margin:30px auto 0; }
.cw-klarna-card { padding:18px 18px 14px; }
.cw-klarna-card p { margin:0 0 14px; color:rgba(255,255,255,.82); font-size:.95rem; line-height:1.55; text-align:center; }
.cw-klarna-card p b { color:#fff; }
.cw-ejemplos { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.cw-ejemplos span { display:flex; flex-direction:column; align-items:center; gap:4px; background:rgba(255,213,0,.08); border:1px solid rgba(255,213,0,.25); border-radius:12px; padding:10px 6px; font-family:'Anton',sans-serif; font-size:1.15rem; letter-spacing:.02em; color:var(--accent); font-variant-numeric:tabular-nums; }
.cw-ejemplos span i { font-style:normal; font-family:var(--mono); font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.55); }
@media (max-width:480px) { .cw-ejemplos { grid-template-columns:repeat(2,1fr); } }

/* Aviso visual arriba del panel de Books + línea corta bajo cada botón de pago */
.cw-aviso { max-width:560px; margin:14px auto 10px; padding:18px 14px 14px; border-radius:20px; background:rgba(255,213,0,.07); border:1px solid rgba(255,213,0,.35); text-align:center; color:rgba(255,255,255,.86); }
.cw-h { font-family:var(--display); font-size:1.45rem; letter-spacing:.03em; text-transform:uppercase; color:#fff; margin:0 0 14px; line-height:1.1; }
.cw-pasos3 { display:flex; align-items:flex-start; justify-content:center; gap:4px; }
.cw-paso { flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:9px; font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.8); line-height:1.45; }
.cw-paso .cw-ico { position:relative; width:48px; height:48px; border-radius:15px; background:var(--accent); color:#000; display:flex; align-items:center; justify-content:center; box-shadow:0 0 24px rgba(255,213,0,.18); }
.cw-paso .cw-ico svg { width:24px; height:24px; }
.cw-flecha { flex:none; height:48px; display:flex; align-items:center; color:rgba(255,213,0,.55); font-size:20px; }
.cw-hor { margin-top:14px; font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); line-height:1.6; }
.cw-bajo { margin-top:9px; font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.52); line-height:1.5; }
.mini-right .cw-bajo { text-align:inherit; }
@media (max-width:420px) { .cw-paso { font-size:9px; letter-spacing:.1em; } .cw-paso .cw-ico { width:42px; height:42px; border-radius:13px; } .cw-flecha { height:42px; font-size:16px; } }
.cw-paso .cw-n { position:absolute; top:-7px; left:-7px; width:18px; height:18px; border-radius:50%; background:#000; color:var(--accent); border:1px solid rgba(255,213,0,.6); font-family:var(--mono); font-size:10px; font-weight:700; font-style:normal; display:flex; align-items:center; justify-content:center; }