/* Contratar un paquete web y la página de gracias. Celular primero; usa el sistema .v2 de liquido.css */
.ct { min-height:100svh; padding-bottom:60px; overflow:hidden; }
.ct .liquid { position:fixed; }
.ct-wrap { position:relative; z-index:2; max-width:560px; margin:0 auto; padding:0 16px; }

.ct-top { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:10px; padding:18px 0 22px; }
.ct-top img { justify-self:center; height:30px; width:auto; }
.ct-volver { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; color:var(--cream); text-decoration:none;
        border:1px solid var(--line); background:rgba(255,255,255,.04); font-size:18px; }
.ct-seguro { font-size:12px; font-weight:600; color:var(--muted); display:inline-flex; align-items:center; gap:5px; }

.ct-aviso { margin-bottom:14px; padding:14px 16px; border-radius:16px; font-size:14px; line-height:1.5; color:var(--cream);
        background:rgba(236,128,200,.12); border:1px solid rgba(236,128,200,.35); }
.ct-aviso button, .ct-ayuda button { display:inline; margin-left:4px; padding:0; border:0; background:none; color:var(--lilac); font:600 14px var(--sans); text-decoration:underline; cursor:pointer; }

.ct-paquete, .ct-form, .ct-gracias { position:relative; padding:24px 20px; margin-bottom:14px; }
.ct-sello { position:absolute; top:-10px; right:18px; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.04em;
        background:var(--cream); color:var(--ink); }
.ct-paquete h1, .ct-gracias h1 { font-size:clamp(2rem,9vw,2.6rem); font-weight:800; letter-spacing:-.04em; line-height:1; margin:12px 0 6px; }
.ct-linea { margin:0; color:var(--muted); font-size:15px; }

.ct-modos { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin:20px 0 18px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.03); }
.ct-modos a { text-align:center; padding:10px 0; border-radius:999px; font-size:14px; font-weight:600; color:var(--muted); text-decoration:none; transition:.2s; }
.ct-modos a.on { background:var(--cream); color:var(--ink); }

.ct-precio { display:flex; align-items:flex-end; gap:10px; }
.ct-precio b { font-size:clamp(2.8rem,13vw,3.6rem); font-weight:800; letter-spacing:-.05em; line-height:.9; }
.ct-precio sup { font-size:.45em; vertical-align:.95em; margin-right:2px; }
.ct-precio span { padding-bottom:4px; font-size:15px; font-weight:600; color:var(--cream); line-height:1.2; }
.ct-precio small { display:block; font-size:12px; font-weight:500; color:var(--muted); }
.ct-nota { margin:12px 0 0; font-size:14px; line-height:1.55; color:var(--muted); }
.ct-nota b { color:var(--cream); font-weight:600; }

.ct-incluye { list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--line); display:grid; gap:9px; }
.ct-incluye li { display:flex; gap:10px; align-items:flex-start; font-size:14.5px; line-height:1.4; color:var(--cream); }
.ct-incluye i { color:var(--lilac); margin-top:2px; }

.ct-form h2 { font-size:1.5rem; font-weight:800; letter-spacing:-.03em; margin:0; }
.ct-sub { margin:6px 0 18px; font-size:14px; color:var(--muted); }
.ct-form .campo small { font-weight:400; color:var(--muted); }
.ct-form .campo em, .ct-err { display:block; margin-top:6px; font-style:normal; font-size:13px; color:#F7A8C8; }
.ct-error-general { margin-bottom:14px; padding:12px 14px; border-radius:12px; font-size:14px; background:rgba(236,128,200,.12); border:1px solid rgba(236,128,200,.35); }
.ct-acepto { display:flex; gap:10px; align-items:flex-start; margin:4px 0 0; font-size:13px; line-height:1.5; color:var(--muted); cursor:pointer; }
.ct-acepto input { flex:none; width:20px; height:20px; margin-top:1px; accent-color:#8A55C4; }
.ct-acepto a { color:var(--lilac); }
.ct-pagar { width:100%; justify-content:center; min-height:54px; margin-top:20px; font-size:16px; }
.ct-pagar:disabled { opacity:.7; cursor:wait; }
.ct-stripe { margin:12px 0 0; font-size:12.5px; line-height:1.5; color:var(--muted); text-align:center; }
.ct-ayuda { text-align:center; font-size:14px; color:var(--muted); }

.ct-gracias { text-align:center; padding:34px 22px; }
.ct-gracias .lead { margin:10px auto 0; }
.ct-palomita { width:64px; height:64px; margin:0 auto 18px; border-radius:50%; display:grid; place-items:center; font-size:30px;
        background:linear-gradient(135deg,#6B3997,#CDB0F2); color:#fff; box-shadow:0 18px 50px -12px rgba(205,176,242,.7); }
.ct-pasos { text-align:left; margin:22px 0 0; padding:0 0 0 20px; display:grid; gap:10px; font-size:15px; line-height:1.5; color:var(--cream); }
.ct-pasos b { color:var(--lilac); }
.ct-gracias .btn { margin-top:22px; }
.ct-guarda { margin:10px 0 0; font-size:12.5px; color:var(--muted); }

@media (min-width:768px) {
    .ct-top { padding-top:28px; }
    .ct-paquete, .ct-form { padding:30px 28px; }
}