/* Fase 5.2-A: presentación del checkout manual, aislada del resto del panel. */
#manualOrderPanel { box-sizing:border-box; margin:1.2rem 0 1.5rem; padding:1.25rem; border:1px solid #dbe4f2; border-radius:17px; background:#fff; color:#101b3b; box-shadow:0 8px 24px rgba(15,23,42,.055); }
#manualOrderPanel *, #manualOrderPanel *::before, #manualOrderPanel *::after { box-sizing:border-box; }
#manualOrderPanel[hidden], #manualOrderPanel [hidden] { display:none !important; }
#manualOrderPanel .mabc-manual-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
#manualOrderPanel .mabc-manual-title-group { display:flex; align-items:center; gap:.85rem; min-width:0; }
#manualOrderPanel .mabc-manual-title-icon { display:grid; place-items:center; width:52px; height:52px; flex:0 0 52px; border-radius:13px; background:#eeecff; color:#4f46e5; font-size:1.35rem; }
#manualOrderPanel .mabc-manual-head h2 { margin:0; color:#111a3b; font-size:1.32rem; line-height:1.25; }
#manualOrderPanel .mabc-manual-head p { margin:.25rem 0 0; color:#536789; font-size:.88rem; line-height:1.4; }
#manualOrderPanel .mabc-manual-jump { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; flex:0 0 auto; min-height:44px; padding:.6rem .8rem; border:1px solid #cbc8ff; border-radius:9px; background:#faf9ff; color:#4338ca; font:inherit; font-size:.8rem; font-weight:800; cursor:pointer; }
#manualOrderPanel .mabc-manual-steps { margin:1rem 0 0; border:1px solid #dbe4f2; border-radius:11px; background:#f9fbfe; }
#manualOrderPanel .mabc-manual-steps summary { display:flex; align-items:center; gap:.75rem; padding:.72rem .85rem; list-style:none; cursor:pointer; }
#manualOrderPanel .mabc-manual-steps summary::-webkit-details-marker { display:none; }
#manualOrderPanel .mabc-manual-steps-icon { display:grid; place-items:center; width:37px; height:37px; flex:0 0 37px; border-radius:50%; background:#4f46e5; color:#fff; }
#manualOrderPanel .mabc-manual-steps summary > span:nth-child(2) { display:flex; flex-direction:column; min-width:0; }
#manualOrderPanel .mabc-manual-steps strong { color:#111a3b; font-size:.89rem; }
#manualOrderPanel .mabc-manual-steps small { margin-top:.1rem; color:#647692; font-size:.78rem; font-weight:400; }
#manualOrderPanel .mabc-manual-steps-chevron { margin-left:auto; color:#34446a; font-size:.76rem; transition:transform .2s ease; }
#manualOrderPanel .mabc-manual-steps[open] .mabc-manual-steps-chevron { transform:rotate(180deg); }
#manualOrderPanel .mabc-manual-steps ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:0; padding:.15rem 1.1rem 1rem 2.1rem; color:#536789; font-size:.77rem; line-height:1.45; }
#manualOrderPanel .mabc-manual-message { margin:.8rem 0 0; padding:.8rem .9rem; border:1px solid #c7d2fe; border-radius:9px; background:#eef2ff; color:#312e81; font-size:.84rem; }
#manualOrderPanel .mabc-manual-message.is-error { border-color:#fecaca; background:#fef2f2; color:#b91c1c; }
#manualOrderPanel .mabc-manual-checkout-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,.9fr); gap:1rem; align-items:start; min-width:0; margin-top:1rem; }
#manualOrderPanel .mabc-manual-checkout-main, #manualOrderPanel .mabc-manual-checkout-summary { display:flex; flex-direction:column; gap:.8rem; min-width:0; }
#manualOrderPanel .mabc-manual-checkout-card { min-width:0; padding:1rem; border:1px solid #dbe4f2; border-radius:13px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.045); }
#manualOrderPanel .mabc-manual-checkout-card h3 { margin:0; color:#101b3b; font-size:1rem; line-height:1.3; }
#manualOrderPanel .mabc-manual-checkout-card h3 i { margin-right:.4rem; color:#4f46e5; }
#manualOrderPanel .mabc-manual-section-heading { display:flex; align-items:center; justify-content:space-between; gap:.65rem; margin-bottom:.7rem; }
#manualOrderPanel .mabc-manual-section-heading a { color:#4338ca; font-size:.78rem; font-weight:750; text-decoration:none; }
#manualOrderPanel .mabc-manual-selection { display:flex; flex-direction:column; gap:.6rem; margin:0; }
#manualOrderPanel .mabc-manual-selected { display:grid; grid-template-columns:96px minmax(0,1fr) auto; align-items:center; gap:.85rem; min-width:0; padding:.85rem; border:1px solid #dbe4f2; border-radius:11px; background:#fff; }
#manualOrderPanel .mabc-manual-product-image, #manualOrderPanel .mabc-manual-summary-image { display:grid; place-items:center; width:96px; height:96px; overflow:hidden; border-radius:10px; background:#ecf1fa; color:#4f46e5; font-size:1.5rem; }
#manualOrderPanel .mabc-manual-product-image img, #manualOrderPanel .mabc-manual-summary-image img { display:block; width:100%; height:100%; max-width:100%; object-fit:cover; }
#manualOrderPanel .mabc-manual-product-copy { min-width:0; }
#manualOrderPanel .mabc-manual-product-copy > strong { display:block; overflow-wrap:anywhere; color:#101b3b; font-size:.94rem; line-height:1.3; }
#manualOrderPanel .mabc-manual-product-copy p { margin:.45rem 0 0; color:#536789; font-size:.78rem; line-height:1.42; overflow-wrap:anywhere; }
#manualOrderPanel .mabc-manual-product-badges { display:flex; flex-wrap:wrap; gap:.32rem; margin-top:.4rem; }
#manualOrderPanel .mabc-manual-product-badges span { display:inline-flex; align-items:center; gap:.3rem; padding:.28rem .48rem; border-radius:7px; background:#edf2ff; color:#3454a0; font-size:.69rem; font-weight:750; }
#manualOrderPanel .mabc-manual-product-badges span:last-child { background:#eafaf1; color:#087148; }
#manualOrderPanel .mabc-manual-product-actions { display:flex; flex-direction:column; align-items:flex-end; gap:.22rem; min-width:75px; }
#manualOrderPanel .mabc-manual-product-actions b { color:#101b3b; font-size:1.3rem; }
#manualOrderPanel .mabc-manual-product-actions small { color:#617392; font-size:.74rem; }
#manualOrderPanel .mabc-manual-product-actions form { margin:.4rem 0 0; }
#manualOrderPanel .mabc-manual-remove { display:inline-flex; align-items:center; gap:.4rem; min-height:36px; padding:.45rem .65rem; border:1px solid #fecaca; border-radius:8px; background:#fff5f5; color:#dc2626; font:inherit; font-size:.77rem; font-weight:800; cursor:pointer; }
#manualOrderPanel .mabc-manual-checkout-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; position:relative; margin-top:1rem; padding-bottom:.8rem; border-bottom:3px solid #dce3ee; }
#manualOrderPanel .mabc-manual-checkout-progress::after { content:''; position:absolute; left:33%; bottom:-3px; width:34%; height:3px; border-radius:3px; background:#4f46e5; }
#manualOrderPanel .mabc-manual-checkout-progress > div { display:flex; align-items:center; gap:.5rem; min-width:0; }
#manualOrderPanel .mabc-manual-checkout-progress > div > span { display:grid; place-items:center; width:31px; height:31px; flex:0 0 31px; border-radius:50%; background:#e2e8f0; color:#526381; font-size:.82rem; font-weight:800; }
#manualOrderPanel .mabc-manual-checkout-progress > .is-done > span, #manualOrderPanel .mabc-manual-checkout-progress > .is-active > span { background:#4f46e5; color:#fff; }
#manualOrderPanel .mabc-manual-checkout-progress p { display:flex; flex-direction:column; gap:.08rem; min-width:0; margin:0; }
#manualOrderPanel .mabc-manual-checkout-progress strong { color:#142145; font-size:.76rem; line-height:1.2; }
#manualOrderPanel .mabc-manual-checkout-progress small { color:#7b8aa5; font-size:.68rem; line-height:1.2; }
#manualOrderPanel .mabc-manual-data-heading { display:flex; align-items:center; gap:.65rem; margin-bottom:.8rem; }
#manualOrderPanel .mabc-manual-data-heading > span { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:#eef2ff; color:#4f46e5; }
#manualOrderPanel .mabc-manual-data-heading p { margin:.2rem 0 0; color:#617392; font-size:.78rem; line-height:1.35; }
#manualOrderPanel .mabc-manual-data-product + .mabc-manual-data-product { margin-top:.9rem; padding-top:.9rem; border-top:1px solid #e5eaf3; }
#manualOrderPanel .mabc-manual-data-product h4 { margin:0 0 .6rem; color:#142145; font-size:.85rem; }
#manualOrderPanel .mabc-manual-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem .8rem; margin:.2rem 0 .75rem; }
#manualOrderPanel .mabc-manual-field { min-width:0; color:#263654; font-size:.8rem; font-weight:700; }
#manualOrderPanel .mabc-manual-field label { display:block; margin-bottom:.3rem; color:#263654; font-size:.8rem; font-weight:750; }
#manualOrderPanel .mabc-manual-required { color:#dc2626; }
#manualOrderPanel .mabc-manual-field input, #manualOrderPanel .mabc-manual-field select, #manualOrderPanel .mabc-manual-field textarea { display:block; width:100%; min-width:0; min-height:43px; margin:0; padding:.6rem .7rem; border:1px solid #cbd7e9; border-radius:9px; background:#fff; color:#142145; font:inherit; font-size:.88rem; }
#manualOrderPanel .mabc-manual-field input::placeholder, #manualOrderPanel .mabc-manual-field textarea::placeholder { color:#8291ab; opacity:1; }
#manualOrderPanel .mabc-manual-field textarea { min-height:90px; resize:vertical; }
#manualOrderPanel .mabc-manual-input-wrap { position:relative; }
#manualOrderPanel .mabc-manual-input-wrap:has(.mabc-manual-password-toggle) input { padding-right:2.8rem; }
#manualOrderPanel .mabc-manual-password-toggle { position:absolute; top:50%; right:0; transform:translateY(-50%); display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:7px; background:transparent; color:#536789; cursor:pointer; }
#manualOrderPanel .mabc-manual-no-data { display:flex; align-items:flex-start; gap:.5rem; margin:.2rem 0 .8rem; padding:.7rem; border:1px solid #bdebd1; border-radius:9px; background:#effbf4; color:#236344; font-size:.8rem; }
#manualOrderPanel .mabc-manual-no-data i { margin-top:.1rem; color:#059669; }
#manualOrderPanel .mabc-manual-no-data strong { display:block; }
#manualOrderPanel .mabc-manual-privacy { display:flex; align-items:flex-start; gap:.65rem; margin:.75rem 0; padding:.75rem; border-radius:9px; background:#edf9f3; color:#0a704b; }
#manualOrderPanel .mabc-manual-privacy > i { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:#07845b; color:#fff; }
#manualOrderPanel .mabc-manual-privacy strong { display:block; font-size:.8rem; }
#manualOrderPanel .mabc-manual-privacy p { margin:.1rem 0 0; color:#34725a; font-size:.75rem; line-height:1.35; }
#manualOrderPanel .mabc-manual-submit { display:flex; width:100%; min-height:46px; margin-top:.75rem; padding:.7rem 1rem; border:0; border-radius:9px; background:#4f46e5; color:#fff; font:inherit; font-size:.86rem; font-weight:800; cursor:pointer; }
#manualOrderPanel .mabc-manual-submit:hover:not(:disabled) { background:#4338ca; }
#manualOrderPanel .mabc-manual-submit:disabled { opacity:.58; cursor:not-allowed; }
#manualOrderPanel .mabc-manual-checkout-summary .mabc-manual-checkout-card { padding:.9rem; }
#manualOrderPanel .mabc-manual-checkout-summary h3 { margin-bottom:.75rem; }
#manualOrderPanel .mabc-manual-summary-item { display:flex; align-items:center; gap:.55rem; min-width:0; margin-top:.45rem; }
#manualOrderPanel .mabc-manual-summary-image { flex:0 0 50px; width:50px; height:50px; border-radius:8px; font-size:1rem; }
#manualOrderPanel .mabc-manual-summary-item > div { display:flex; flex-direction:column; min-width:0; }
#manualOrderPanel .mabc-manual-summary-item strong { color:#142145; font-size:.76rem; line-height:1.3; overflow-wrap:anywhere; }
#manualOrderPanel .mabc-manual-summary-item small { margin-top:.15rem; color:#657694; font-size:.7rem; }
#manualOrderPanel .mabc-manual-summary-facts { display:grid; gap:.4rem; margin:.7rem 0 .9rem; padding-bottom:.8rem; border-bottom:1px solid #dbe4f2; }
#manualOrderPanel .mabc-manual-summary-facts > div, #manualOrderPanel .mabc-manual-summary-total > div { display:flex; justify-content:space-between; gap:.45rem; color:#536789; font-size:.75rem; }
#manualOrderPanel .mabc-manual-summary-facts dt, #manualOrderPanel .mabc-manual-summary-total dt { min-width:0; }
#manualOrderPanel .mabc-manual-summary-facts dd, #manualOrderPanel .mabc-manual-summary-total dd { margin:0; color:#253859; font-weight:800; text-align:right; white-space:nowrap; }
#manualOrderPanel .mabc-manual-summary-total { display:grid; gap:.55rem; margin:0; }
#manualOrderPanel .mabc-manual-summary-total > div:last-child { align-items:center; margin-top:.1rem; padding:.6rem; border-radius:8px; background:#edf9f3; color:#101b3b; font-size:.88rem; font-weight:850; }
#manualOrderPanel .mabc-manual-summary-total > div:last-child dd { color:#087a55; font-size:1rem; }
#manualOrderPanel .mabc-manual-balance { display:flex; justify-content:space-between; align-items:center; gap:.5rem; margin-top:.85rem; padding:.7rem; border:1px solid #dbe4f2; border-radius:9px; }
#manualOrderPanel .mabc-manual-balance > div { display:flex; flex-direction:column; gap:.12rem; min-width:0; }
#manualOrderPanel .mabc-manual-balance small { color:#536789; font-size:.7rem; }
#manualOrderPanel .mabc-manual-balance strong { color:#087a55; font-size:1.05rem; }
#manualOrderPanel .mabc-manual-balance.is-insufficient strong { color:#b45309; }
#manualOrderPanel .mabc-manual-balance span { color:#536789; font-size:.67rem; line-height:1.25; }
#manualOrderPanel .mabc-manual-balance button { flex:0 0 auto; padding:.35rem; border:0; background:transparent; color:#4338ca; font:inherit; font-size:.73rem; font-weight:750; cursor:pointer; }
#manualOrderPanel .mabc-manual-balance button span { color:inherit; }
#manualOrderPanel .mabc-manual-after { background:#f8f7ff; }
#manualOrderPanel .mabc-manual-after h3 i { padding:.45rem; border-radius:8px; background:#e8e4ff; }
#manualOrderPanel .mabc-manual-after ol { display:grid; gap:.7rem; margin:.8rem 0 0; padding:0; list-style:none; counter-reset:manual-after; }
#manualOrderPanel .mabc-manual-after li { display:flex; align-items:center; gap:.55rem; color:#58698a; font-size:.76rem; line-height:1.35; counter-increment:manual-after; }
#manualOrderPanel .mabc-manual-after li::before { content:counter(manual-after); display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:50%; background:#e8e4ff; color:#4f46e5; font-weight:800; }
#manualOrderPanel :focus-visible { outline:3px solid #818cf8; outline-offset:2px; }
@media (max-width:1100px) { #manualOrderPanel .mabc-manual-checkout-layout { grid-template-columns:minmax(0,1fr); } #manualOrderPanel .mabc-manual-checkout-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; } }
@media (max-width:480px) { #manualOrderPanel .mabc-manual-remove, #manualOrderPanel .mabc-manual-balance button { min-height:44px; } }
@media (max-width:700px) { #manualOrderPanel { padding:.85rem; } #manualOrderPanel .mabc-manual-head { align-items:flex-start; flex-wrap:wrap; } #manualOrderPanel .mabc-manual-jump { margin-left:auto; } #manualOrderPanel .mabc-manual-steps ol { grid-template-columns:minmax(0,1fr); gap:.35rem; } #manualOrderPanel .mabc-manual-selected { grid-template-columns:65px minmax(0,1fr) auto; gap:.55rem; } #manualOrderPanel .mabc-manual-product-image { width:65px; height:65px; } #manualOrderPanel .mabc-manual-checkout-summary { display:flex; } #manualOrderPanel .mabc-manual-fields { grid-template-columns:minmax(0,1fr); } }
@media (max-width:480px) { #manualOrderPanel { padding:.7rem; } #manualOrderPanel .mabc-manual-head h2 { font-size:1.08rem; } #manualOrderPanel .mabc-manual-title-icon { width:41px; height:41px; flex-basis:41px; font-size:1.08rem; } #manualOrderPanel .mabc-manual-checkout-card { padding:.75rem; } #manualOrderPanel .mabc-manual-selected { grid-template-columns:60px minmax(0,1fr); align-items:start; } #manualOrderPanel .mabc-manual-product-image { width:60px; height:60px; } #manualOrderPanel .mabc-manual-product-actions { grid-column:2; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; } #manualOrderPanel .mabc-manual-product-actions b { font-size:1rem; } #manualOrderPanel .mabc-manual-product-actions form { margin:0 0 0 auto; } #manualOrderPanel .mabc-manual-product-badges span { font-size:.66rem; } #manualOrderPanel .mabc-manual-checkout-progress { gap:.2rem; } #manualOrderPanel .mabc-manual-checkout-progress > div { align-items:flex-start; flex-direction:column; gap:.2rem; } #manualOrderPanel .mabc-manual-checkout-progress strong { font-size:.67rem; } #manualOrderPanel .mabc-manual-checkout-progress small { display:none; } #manualOrderPanel .mabc-manual-field input, #manualOrderPanel .mabc-manual-field select, #manualOrderPanel .mabc-manual-field textarea { min-height:46px; font-size:16px; } #manualOrderPanel .mabc-manual-submit { min-height:48px; } }