.hpc-wrap{max-width:1180px;margin:0 auto;font-family:inherit;box-sizing:border-box}.hpc-wrap *{box-sizing:border-box}.hpc-head{margin-bottom:26px}.hpc-head h2{margin:0 0 10px;font-size:34px;line-height:1.15}.hpc-head p{margin:0;color:#59616c}.hpc-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:22px;align-items:start}.hpc-card{border:1px solid #e0e4e8;border-radius:18px;padding:24px;background:#fff}.hpc-label,.hpc-field>label{display:block;font-weight:700;margin:0 0 10px}.hpc-label span,.hpc-field label span{color:#d63638}.hpc-drop{position:relative;border:2px dashed #69727d;border-radius:16px;min-height:145px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.hpc-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hpc-drop b,.hpc-drop small{display:block}.hpc-drop small{margin-top:8px;color:#747b84}.hpc-info{display:none;margin:10px 0 24px;padding:12px 14px;border-radius:10px;background:#eef7ef}.hpc-field{margin-top:24px}.hpc-field input,.hpc-field select{width:100%;min-height:46px;border:1px solid #d5dce3;border-radius:11px;padding:10px 12px;background:#fff;font:inherit}.hpc-field input:focus,.hpc-field select:focus{outline:2px solid rgba(194,135,35,.22);border-color:#c28723}.hpc-field small{display:block;margin-top:7px;color:#777}.hpc-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hpc-options label{border:1px solid #d8dee5;border-radius:13px;padding:18px;cursor:pointer}.hpc-options em{display:block;margin:6px 0 0 18px;color:#7c838b;font-size:13px}.hpc-step{display:flex;width:180px}.hpc-step button{width:48px;border:1px solid #d5dce3;background:#f4f6f8;font-size:20px}.hpc-step button:first-child{border-radius:11px 0 0 11px}.hpc-step button:last-child{border-radius:0 11px 11px 0}.hpc-step input{border-radius:0;text-align:center}.hpc-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hpc-summary{position:sticky;top:24px}.hpc-summary h3{font-size:25px;margin:0 0 18px}.hpc-line,.hpc-total{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #e8ebee}.hpc-line b{text-align:right}.hpc-total{align-items:center;border:0;font-size:20px}.hpc-total strong{font-size:30px}.hpc-summary button{width:100%;border:0;border-radius:11px;padding:16px;background:#252525;color:#fff;font-weight:700;font-size:16px;cursor:pointer}.hpc-summary button:disabled{opacity:.42;cursor:not-allowed}.hpc-invalid{border-color:#d63638!important;box-shadow:0 0 0 2px rgba(214,54,56,.08)}#hpc-msg{margin-top:10px;font-size:14px}.hpc-error{color:#b32d2e}.hpc-success{color:#187a32}
@media(max-width:820px){.hpc-wrap{padding:0 12px}.hpc-head h2{font-size:28px}.hpc-grid{grid-template-columns:1fr;gap:16px}.hpc-card{padding:18px;border-radius:15px}.hpc-summary{position:static;order:2}.hpc-options{grid-template-columns:1fr}.hpc-two{grid-template-columns:1fr;gap:0}.hpc-drop{min-height:125px;padding:18px}.hpc-field{margin-top:20px}.hpc-step{width:100%;max-width:220px}.hpc-line,.hpc-total{padding:13px 0}}
@media(max-width:480px){.hpc-wrap{padding:0 8px}.hpc-head h2{font-size:25px}.hpc-card{padding:14px}.hpc-options label{padding:14px}.hpc-drop{min-height:110px}.hpc-total strong{font-size:26px}.hpc-line{font-size:14px}}

/* Guía de impresión */
.hpc-guide{max-width:1180px;margin:0 auto 34px;padding:34px 28px;border:1px solid #e6e8eb;border-radius:20px;background:#fff;font-family:inherit;box-sizing:border-box}.hpc-guide *{box-sizing:border-box}.hpc-guide-head{text-align:center;max-width:760px;margin:0 auto 28px}.hpc-guide-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#8b6420;margin-bottom:8px}.hpc-guide-head h2{margin:0 0 10px;font-size:32px;line-height:1.2}.hpc-guide-head p{margin:0;color:#626a73;line-height:1.6}.hpc-guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hpc-guide-step{position:relative;padding:22px 18px;border:1px solid #e3e7eb;border-radius:16px;background:#fafbfc;text-align:center}.hpc-guide-num{position:absolute;top:12px;left:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#252525;color:#fff;font-weight:800;font-size:13px}.hpc-guide-icon{font-size:30px;line-height:1;margin:8px 0 15px}.hpc-guide-step h3{margin:0 0 9px;font-size:17px}.hpc-guide-step p{margin:0;color:#68717a;font-size:14px;line-height:1.55}.hpc-guide-cta{text-align:center;margin:26px 0 8px}.hpc-guide-cta a{display:inline-block;padding:13px 24px;border-radius:11px;background:#252525;color:#fff!important;text-decoration:none;font-weight:700}.hpc-guide-faq{max-width:850px;margin:32px auto 0}.hpc-guide-faq>h3{text-align:center;font-size:23px;margin:0 0 14px}.hpc-guide-faq details{border-top:1px solid #e3e6e9;padding:0}.hpc-guide-faq details:last-child{border-bottom:1px solid #e3e6e9}.hpc-guide-faq summary{cursor:pointer;font-weight:700;padding:16px 4px}.hpc-guide-faq details p{margin:0;padding:0 4px 16px;color:#68717a;line-height:1.6}
@media(max-width:900px){.hpc-guide-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hpc-guide{padding:24px 14px;margin-bottom:24px;border-radius:16px}.hpc-guide-head h2{font-size:25px}.hpc-guide-steps{grid-template-columns:1fr}.hpc-guide-step{padding:20px 16px}.hpc-guide-cta a{display:block;width:100%}}
