/* Ventana de cambios pensada para atención rápida en mostrador y tablet. */
#exchange-dialog{width:min(860px,calc(100vw - 28px);max-height:min(90vh,900px);overflow:auto;border:0;border-radius:24px;padding:0;background:#fff;box-shadow:0 28px 80px #49254155}
#exchange-form{padding:0!important;background:linear-gradient(180deg,#fff8fc 0,#fff 245px)}
#exchange-form .modal-head{margin:0;padding:25px 30px 20px;background:linear-gradient(115deg,#fae4f0,#fff 65%);border-bottom:1px solid #f4cfe0;align-items:flex-start}
#exchange-form .modal-head p{color:#bb1267;letter-spacing:1.7px}
#exchange-form .modal-head h2{font-size:26px;color:#33223b;margin-top:5px}
#exchange-form .modal-head:before{content:'↔';display:grid;place-items:center;width:42px;height:42px;margin-right:12px;border-radius:13px;background:#ef238f;color:#fff;font-size:25px;font-weight:800;box-shadow:0 8px 15px #ed238f33}
#exchange-form .modal-head>div{margin-right:auto}
#close-exchange{width:36px;height:36px;border:1px solid #efbfd6;background:#fff;color:#b81763;border-radius:10px;font-size:23px;line-height:1;cursor:pointer}
#exchange-form>.exchange-help,#exchange-form>label,#exchange-form>.exchange-sale-options,#exchange-form>#exchange-sale-detail,#exchange-form>#exchange-return-lines,#exchange-form>#exchange-resolution,#exchange-form>#save-exchange{margin-left:30px;margin-right:30px}
.exchange-help{margin-top:19px!important;margin-bottom:16px!important;padding:11px 14px;border-radius:11px;background:#fff;border-left:4px solid #ef238f;color:#665567;line-height:1.5;font-size:13px}
#exchange-form>label{display:grid;gap:7px;color:#4b394e;font-size:13px;font-weight:800}
#exchange-form input,#exchange-form select{width:100%;min-height:43px;padding:10px 12px;border:1px solid #edbfd5;border-radius:10px;background:#fff;color:#33223b;font:inherit;outline:none}
#exchange-form input:focus,#exchange-form select:focus{border-color:#ef238f;box-shadow:0 0 0 3px #ef238f1a}
.exchange-sale-options{max-height:205px;overflow:auto;border:1px solid #efd3e1;border-radius:13px;margin-top:9px!important;margin-bottom:19px!important;background:#fff;box-shadow:0 4px 11px #7f315810}
.exchange-sale-option{display:grid;grid-template-columns:1fr auto;width:100%;padding:13px 16px;text-align:left;background:#fff;border:0;border-bottom:1px solid #f8e6ef;cursor:pointer;color:#33213a;transition:.16s}
.exchange-sale-option:last-child{border:0}.exchange-sale-option:hover{background:#fff1f8}.exchange-sale-option b{font-size:14px}.exchange-sale-option span{font-size:13px;color:#bd176d;font-weight:800}.exchange-sale-option small{grid-column:1/-1;color:#786879;margin-top:5px;font-size:12px;line-height:1.35}
.exchange-selected{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #f2b8d5;border-radius:13px;background:#fff4f9;padding:13px 16px;margin:0 0 18px}.exchange-selected b{color:#9e1258;font-size:14px}.exchange-selected span{font-size:12px;color:#67576c;text-align:right}
#exchange-return-lines{background:#fff;border:1px solid #f0dae5;border-radius:15px;padding:0 16px 6px;margin-bottom:20px!important}#exchange-return-lines h3{margin:0 -16px 7px;padding:13px 16px;border-bottom:1px solid #f2dce8;color:#402b45;font-size:15px}.exchange-line{display:grid;grid-template-columns:1fr 86px 62px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f6e8ef}.exchange-line:last-child{border:0}.exchange-line b{font-size:14px;color:#35223b}.exchange-line small{display:block;color:#796a7a;margin-top:3px;font-size:12px}.exchange-line input{width:86px;text-align:center;font-weight:800}.exchange-line em{font-size:11px;color:#8b7b89;font-style:normal;text-align:center}
#exchange-resolution{border:1px solid #ecb7d2;border-radius:16px;padding:18px;display:grid;gap:14px;background:linear-gradient(125deg,#fff7fb,#fff)}#exchange-resolution legend{font-weight:850;color:#b91565;padding:0 7px;font-size:15px}#exchange-resolution label{display:grid;gap:6px;color:#49364d;font-size:13px;font-weight:800}#exchange-replacement{display:grid;grid-template-columns:1fr 135px;gap:13px}#exchange-replacement[hidden],#exchange-payment-wrap[hidden]{display:none}
.exchange-summary{background:#4b2947;border-radius:13px;padding:15px 17px;display:grid;gap:8px;color:#fff}.exchange-summary span{display:flex;justify-content:space-between;gap:16px;color:#f7ddec;font-size:13px}.exchange-summary span b{color:#fff}.exchange-summary strong{color:#fff;border-top:1px solid #ffffff38;padding-top:10px;font-size:14px}.exchange-summary strong b{color:#ffd0e8;font-size:1.16em}
#save-exchange{margin-top:20px!important;margin-bottom:30px!important;min-height:48px;font-size:15px}#save-exchange:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}
@media(max-width:600px){#exchange-dialog{width:calc(100vw - 18px);border-radius:18px}#exchange-form .modal-head{padding:20px 18px 16px}#exchange-form .modal-head h2{font-size:21px}#exchange-form>.exchange-help,#exchange-form>label,#exchange-form>.exchange-sale-options,#exchange-form>#exchange-sale-detail,#exchange-form>#exchange-return-lines,#exchange-form>#exchange-resolution,#exchange-form>#save-exchange{margin-left:18px;margin-right:18px}.exchange-selected{display:grid;gap:4px}.exchange-selected span{text-align:left}.exchange-sale-option{grid-template-columns:1fr}.exchange-sale-option span{margin-top:4px}.exchange-line{grid-template-columns:1fr 72px}.exchange-line em{display:none}.exchange-line input{width:72px}#exchange-replacement{grid-template-columns:1fr}.exchange-summary span{font-size:12px}}