.mtg-clean-wrap{width:min(1100px,90%);margin:32px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827} .mtg-clean-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 16px 50px rgba(15,23,42,.08);padding:24px} .mtg-clean-title{font-size:clamp(26px,4vw,42px);line-height:1.05;margin:0 0 10px;font-weight:850;letter-spacing:-.04em} .mtg-clean-muted{color:#6b7280;margin:0 0 22px} .mtg-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #eef2f7} .mtg-cart-row:last-child{border-bottom:none} .mtg-cart-product{display:flex;align-items:flex-start;gap:14px;min-width:0} .mtg-cart-thumb{width:62px;height:62px;border-radius:16px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;flex:0 0 auto;display:flex;align-items:center;justify-content:center} .mtg-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block} .mtg-cart-thumb-placeholder{font-size:22px;opacity:.6} .mtg-cart-info{min-width:0} .mtg-cart-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mtg-cart-small{font-size:13px;color:#6b7280} .mtg-item-options{margin-top:7px;display:grid;gap:3px;font-size:13px;color:#374151} .mtg-item-options__row{line-height:1.35} .mtg-item-options__row strong{color:#111827} .mtg-clean-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;font-weight:800;text-decoration:none;cursor:pointer;background:#111827;color:#fff} .mtg-clean-btn.secondary{background:#f3f4f6;color:#111827} .mtg-clean-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-top:24px} .mtg-clean-total{font-size:22px;font-weight:850;text-align:right;margin-top:20px} .mtg-coupon-box{margin-top:22px;border:1px solid #dbeafe;background:#f8fbff;border-radius:20px;padding:18px} .mtg-coupon-totals{display:grid;gap:9px;margin-bottom:14px} .mtg-coupon-totals div{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#334155;font-weight:800} .mtg-coupon-totals strong{color:#0f172a;font-weight:950} .mtg-coupon-totals .is-discount span,.mtg-coupon-totals .is-discount strong{color:#047857} .mtg-coupon-totals .is-total{border-top:1px dashed #bfdbfe;padding-top:12px;font-size:20px;color:#0f172a} .mtg-coupon-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .mtg-coupon-form input[type="text"]{min-height:46px;border:1px solid #cbd5e1;border-radius:999px;padding:0 16px;font-weight:850;text-transform:uppercase;flex:1;min-width:220px} .mtg-coupon-notice{margin:0 0 12px;border-radius:14px;padding:11px 13px;font-weight:850} .mtg-coupon-notice.is-ok{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0} .mtg-coupon-notice.is-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca} .mtg-order-discount-box{margin:16px 0 18px;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:14px;display:grid;gap:8px} .mtg-order-discount-box div{display:flex;justify-content:space-between;gap:14px;font-weight:850;color:#334155} .mtg-order-discount-box strong{color:#0f172a} .mtg-order-discount-box .is-discount span,.mtg-order-discount-box .is-discount strong{color:#047857} .mtg-order-discount-box .is-total{border-top:1px dashed #bfdbfe;padding-top:10px;font-size:18px;color:#0f172a} .mtg-cart-price-line{display:flex;gap:8px;justify-content:flex-end;align-items:center;white-space:nowrap} .mtg-cart-price-line span{color:#64748b;font-size:13px;font-weight:800} .mtg-cart-price-line strong{font-weight:900} @media(max-width:720px){.mtg-cart-row{grid-template-columns:1fr;gap:10px}.mtg-cart-product{align-items:flex-start}.mtg-cart-thumb{width:58px;height:58px;border-radius:14px}.mtg-cart-name{white-space:normal}.mtg-clean-actions{justify-content:stretch}.mtg-clean-btn{width:100%}.mtg-clean-total{text-align:left}} /* * =================================================== * MTG_CHECKOUT_MOCKUP_FINAL_V1_FIXED * =================================================== */ /* * CHECKOUT UNA SOLA HOJA */ #mtg-fast-next{ display:none !important; } #mtg-fast-step-1{ display:block !important; } #mtg-fast-step-2{ display:block !important; } /* * DELIVERY */ .mtg-delivery-v1{ margin-top:8px; } .mtg-delivery-v1__toggle{ display:flex !important; align-items:center; gap:10px; cursor:pointer; margin:0 !important; font-weight:800 !important; color:#111827; } .mtg-delivery-v1__toggle input{ position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; overflow:hidden !important; } .mtg-delivery-v1__checkbox{ width:24px; height:24px; flex:0 0 24px; display:flex; align-items:center; justify-content:center; border-radius:7px; border:1px solid #cbd5e1; background:#fff; box-sizing:border-box; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease; } .mtg-delivery-v1__toggle input:checked + .mtg-delivery-v1__checkbox{ background:#6d4aff; border-color:#6d4aff; box-shadow: 0 0 0 3px rgba( 109, 74, 255, .10 ); } .mtg-delivery-v1__toggle input:checked + .mtg-delivery-v1__checkbox::after{ content:"✓"; color:#fff; font-size:16px; line-height:1; font-weight:950; } .mtg-delivery-v1__info{ display:flex; align-items:flex-start; gap:11px; margin-top:12px; padding:14px 16px; border:1px solid #c7d2fe; border-radius:14px; background:#f5f3ff; color:#3730a3; font-size:14px; line-height:1.5; } .mtg-delivery-v1__info[hidden]{ display:none !important; } .mtg-delivery-v1__info-icon{ width:24px; height:24px; flex:0 0 24px; display:flex; align-items:center; justify-content:center; border:2px solid #6366f1; border-radius:50%; color:#4f46e5; font-size:14px; font-weight:950; box-sizing:border-box; } /* * CUPON EN CARD RESUMEN */ .mtg-checkout-summary-coupon{ margin-top:18px; padding-top:18px; border-top:1px solid #eef2f7; } .mtg-checkout-summary-coupon > *{ margin-bottom:0 !important; } /* * IGUALAR ALTURA DE CARDS SUPERIORES */ .mtg-clean-grid > .mtg-clean-card:not( .mtg-payment-wide-card ){ height:100%; box-sizing:border-box; } @media(max-width:860px){ .mtg-delivery-v1__info{ font-size:13px; } }