/* Diseño del presupuesto · formato celular (405×720) y escritorio (1123×794, apaisado) */
.qdoc{--bg:#0b0a10;--surface:#15131d;--surface-2:#1c1a26;--ink:#f4f2fa;--muted:#a9a5ba;--lime:#d4f55a;--lime-ink:#12140a;--line:rgba(255,255,255,.14);font-family:Inter,sans-serif;color:var(--ink);text-align:left}
.qdoc *{margin:0;padding:0;box-sizing:border-box}
.qdoc .page{width:405px;height:720px;position:relative;overflow:hidden;background:var(--bg) url(bg.jpg) 0 0/100% 100% no-repeat;padding:22px 22px 16px;display:flex;flex-direction:column}
.qdoc .page + .page{margin-top:16px}
.qdoc .top{display:flex;justify-content:space-between;align-items:center}
.qdoc .top img{width:86px;height:auto;display:block}
.qdoc .k{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:9.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.qdoc .top .k{font-size:9px;letter-spacing:.12em}
.qdoc footer{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.qdoc footer b{color:var(--ink)}
.qdoc .cols{display:flex;flex-direction:column;flex:1;min-height:0}
.qdoc .p2 .colB{display:flex;flex-direction:column;flex:1}
.qdoc .ic{flex:none;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--lime);color:var(--lime-ink);margin-top:1px}
.qdoc .ic.x{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.qdoc .sec{display:flex;align-items:center;gap:10px;margin:14px 0 9px}
.qdoc .sec.first{margin-top:14px}
.qdoc .sec::after{content:"";flex:1;height:1px;background:var(--line)}
.qdoc .sec .k{color:var(--lime)}
.qdoc h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:30px;line-height:1.08;letter-spacing:-.025em;margin-top:18px;color:var(--ink)}
.qdoc .hl{position:relative;display:inline-block;color:var(--lime-ink);padding:0 11px 2px;margin-top:3px;z-index:0}
.qdoc .hl::before{content:"";position:absolute;inset:3px 0 -2px;background:var(--lime);transform:skewX(-12deg);border-radius:6px;box-shadow:4px 4px 0 rgba(212,245,90,.25);z-index:-1}
.qdoc .who{margin-top:14px;display:flex;gap:6px 18px;flex-wrap:wrap}
.qdoc .who .k{font-size:8.5px}
.qdoc .who .v{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:14.5px;margin-top:1px}

/* total */
.qdoc .total{margin-top:14px;background:var(--lime);color:var(--lime-ink);border-radius:16px;padding:14px 16px;box-shadow:6px 6px 0 rgba(212,245,90,.25)}
.qdoc .total .k{color:var(--lime-ink);opacity:.7;font-size:9px}
.qdoc .tots{display:flex;gap:12px}
.qdoc .tots > div{flex:1;min-width:0}
.qdoc .tots > div + div{padding-left:12px;border-left:1.5px solid rgba(18,20,10,.2)}
.qdoc .amt{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:30px;letter-spacing:-.025em;line-height:1;margin-top:4px;white-space:nowrap}
.qdoc .tots.n2 .amt{font-size:20px}
.qdoc .tots.n3 .amt{font-size:15.5px}
.qdoc .tots.n3 .amt small{display:block;font-size:10px;margin:2px 0 0}
.qdoc .amt small{font-size:13px;margin-left:2px}
.qdoc .start{margin-top:10px;background:var(--lime-ink);border-radius:11px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.qdoc .start .k{color:var(--lime);opacity:1}
.qdoc .start .desc{font-size:11.5px;color:var(--ink);margin-top:2px;font-weight:500}
.qdoc .start .amt-s{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;color:var(--lime);white-space:nowrap;letter-spacing:-.02em}
.qdoc .t-foot{margin-top:9px;padding-top:9px;border-top:1.5px solid rgba(18,20,10,.2);display:flex;justify-content:space-between;align-items:center;gap:10px}
.qdoc .t-foot p{font-size:11px;font-weight:600;line-height:1.3}
.qdoc .t-foot p span{opacity:.65;font-weight:500}
.qdoc .chip{flex:none;background:var(--lime-ink);color:var(--lime);font-family:"JetBrains Mono",monospace;font-weight:700;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:5px;transform:skewX(-12deg)}
.qdoc .chip span{display:inline-block;transform:skewX(12deg)}

/* servicios */
.qdoc .svcs{display:grid;gap:9px}
.qdoc .svc{background:var(--surface);border:1.5px solid var(--line);border-radius:13px;padding:11px 13px}
.qdoc .svc-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:7px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.qdoc .svc-h span{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:15px;line-height:1.2}
.qdoc .svc-h b,.qdoc .lines li b{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:15px;color:var(--lime);white-space:nowrap;text-align:right}
.qdoc .svc-h b small,.qdoc .lines li b small{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:10px;color:var(--muted)}
.qdoc .items{list-style:none;display:grid;gap:6px}
.qdoc .items li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.35;font-weight:500}
.qdoc .no{margin-top:9px;padding:10px 13px;border:1.5px dashed var(--line);border-radius:13px}
.qdoc .no .items{margin-top:7px;gap:5px}
.qdoc .no .items li{font-size:12px;color:var(--muted)}
.qdoc .no .ic{width:16px;height:16px;font-size:9px}
.qdoc .no-inline{margin-top:10px;font-size:11.5px;line-height:1.45;color:var(--muted)}
.qdoc .no-inline .k{margin-right:6px}
.qdoc .lines{list-style:none;background:var(--surface);border:1.5px solid var(--line);border-radius:13px;padding:2px 14px}
.qdoc .lines li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.qdoc .lines li:last-child{border-bottom:0}
.qdoc .lines li span{font-size:14px;font-weight:600;line-height:1.3}
.qdoc .lines li span i{font-style:normal;font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--lime);margin-right:8px}

/* etapas del pago único: en celular va resumido dentro del total; en escritorio, la tabla */
.qdoc .luego{font-size:10.5px;line-height:1.4;font-weight:500;margin-top:8px}
.qdoc .luego span{font-weight:700}
.qdoc.cel .etapas,.qdoc:not(.desk) .etapas{display:none}
.qdoc.desk .luego{display:none}
.qdoc .etapas{margin-top:10px;padding:10px 13px;background:var(--surface);border:1.5px solid var(--line);border-radius:13px}
.qdoc .etapas .k{color:var(--lime)}
.qdoc .etapas ol{list-style:none;margin-top:7px;display:grid;gap:5px}
.qdoc .etapas li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:baseline;font-size:11.5px;line-height:1.3}
.qdoc .etapas li b{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:13px;color:var(--lime)}
.qdoc .etapas li em{font-style:normal;font-weight:600;white-space:nowrap}

/* página 2 */
.qdoc .steps{list-style:none;display:grid;gap:7px}
.qdoc .step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.qdoc .step .n{width:28px;height:28px;border-radius:8px;background:var(--surface-2);border:1.5px solid var(--line);display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:10.5px;color:var(--lime)}
.qdoc .step.hot .n{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.qdoc .step h3{font-size:13.5px;font-weight:600;line-height:1.2;margin-top:1px;color:var(--ink)}
.qdoc .step p{font-size:11.5px;line-height:1.35;color:var(--muted);margin-top:1px}
.qdoc .step.hot p{color:var(--lime)}
.qdoc .conds{list-style:none}
.qdoc .conds li{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line)}
.qdoc .conds li:first-child{padding-top:0}
.qdoc .conds b{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:14.5px;line-height:1.15;color:var(--lime)}
.qdoc .conds span{font-size:12px;line-height:1.35}
.qdoc .cta{margin-top:auto;margin-bottom:10px;background:var(--lime);color:var(--lime-ink);border-radius:16px;padding:15px 16px;box-shadow:6px 6px 0 rgba(212,245,90,.25)}
.qdoc .cta h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:25px;letter-spacing:-.02em;line-height:1;color:var(--lime-ink)}
.qdoc .cta > p{font-size:12px;margin-top:5px;font-weight:500}
.qdoc .contacts{display:grid;gap:6px;margin-top:11px}
.qdoc .contacts a{display:flex;align-items:center;justify-content:space-between;background:var(--lime-ink);color:var(--ink);text-decoration:none;border-radius:10px;padding:10px 13px;font-size:13px;font-weight:600}
.qdoc .contacts a span{white-space:nowrap}
.qdoc .contacts a i{font-style:normal;font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--lime);text-transform:uppercase}

/* ---------- formato escritorio (apaisado) ---------- */
.qdoc.desk .page{width:1123px;height:794px;padding:40px 52px 28px;background-image:url(bg-desk.jpg)}
.qdoc.desk .top img{width:130px}
.qdoc.desk .top .k,.qdoc.desk footer{font-size:11px}
.qdoc.desk .k{font-size:11px}
.qdoc.desk .cols{flex-direction:row;gap:48px;margin-top:30px}
.qdoc.desk .p1 .lead{flex:0 0 46%;display:flex;flex-direction:column}
.qdoc.desk .p1 .flow,.qdoc.desk .cont .flow{flex:1;min-width:0;overflow:hidden}
.qdoc.desk .p2 .colA{flex:0 0 46%}
.qdoc.desk .sec,.qdoc.desk .sec.first{margin:0 0 14px}
.qdoc.desk .flow > * + .sec{margin-top:18px}
.qdoc.desk h1{font-size:48px;margin-top:0}
.qdoc.desk .hl{padding:0 16px 3px}
.qdoc.desk .who{margin-top:24px;gap:8px 30px}
.qdoc.desk .who .k{font-size:10px}
.qdoc.desk .who .v{font-size:19px}
.qdoc.desk .total{margin-top:34px;padding:22px 24px;border-radius:20px;box-shadow:8px 8px 0 rgba(212,245,90,.25)}
.qdoc.desk .total .k{font-size:10.5px}
.qdoc.desk .amt{font-size:46px}
.qdoc.desk .tots.n2 .amt{font-size:27px}
.qdoc.desk .tots.n3 .amt{font-size:21px}
.qdoc.desk .amt small{font-size:17px}
.qdoc.desk .tots.n3 .amt small{font-size:13px}
.qdoc.desk .start{margin-top:14px;padding:14px 18px;border-radius:14px}
.qdoc.desk .start .desc{font-size:14px}
.qdoc.desk .start .amt-s{font-size:32px}
.qdoc.desk .t-foot{margin-top:14px;padding-top:12px}
.qdoc.desk .t-foot p{font-size:13.5px}
.qdoc.desk .chip{font-size:10.5px;padding:6px 12px}
.qdoc.desk .svc{padding:18px 20px;border-radius:16px}
.qdoc.desk .svc-h{padding-bottom:12px;margin-bottom:14px}
.qdoc.desk .svc-h span,.qdoc.desk .svc-h b,.qdoc.desk .lines li b{font-size:20px}
.qdoc.desk .svc-h b small,.qdoc.desk .lines li b small{font-size:12px}
.qdoc.desk .items{gap:10px}
.qdoc.desk .items li{font-size:16px;gap:12px}
.qdoc.desk .ic{width:22px;height:22px;font-size:13px;border-radius:6px}
.qdoc.desk .no{margin-top:14px;padding:14px 20px;border-radius:16px}
.qdoc.desk .no .items li,.qdoc.desk .no-inline{font-size:14px}
.qdoc.desk .no .ic{width:19px;height:19px;font-size:11px}
.qdoc.desk .lines{padding:4px 20px;border-radius:16px}
.qdoc.desk .lines li{padding:13px 0}
.qdoc.desk .lines li span{font-size:17px}
.qdoc.desk .lines li span i{font-size:12px}
.qdoc.desk .etapas{display:block;margin-top:14px;padding:14px 20px;border-radius:16px}
.qdoc.desk .etapas ol{gap:8px;margin-top:10px}
.qdoc.desk .etapas li{grid-template-columns:44px 1fr auto;font-size:14px}
.qdoc.desk .etapas li b{font-size:16px}
.qdoc.desk .steps{gap:16px}
.qdoc.desk .step{grid-template-columns:38px 1fr;gap:14px}
.qdoc.desk .step .n{width:38px;height:38px;border-radius:10px;font-size:13px}
.qdoc.desk .step h3{font-size:18px}
.qdoc.desk .step p{font-size:14.5px;margin-top:3px}
.qdoc.desk .conds li{grid-template-columns:160px 1fr;padding:11px 0}
.qdoc.desk .conds b{font-size:18px}
.qdoc.desk .conds span{font-size:14.5px}
.qdoc.desk .cta{padding:22px 24px;border-radius:20px;margin-bottom:6px}
.qdoc.desk .cta h2{font-size:34px}
.qdoc.desk .cta > p{font-size:14.5px;margin-top:8px}
.qdoc.desk .contacts{gap:10px;margin-top:16px}
.qdoc.desk .contacts a{font-size:14.5px;padding:13px 16px}
.qdoc.desk .contacts a i{font-size:10px}