:root{--bg:#f8f9fb;--paper:#fff;--ink:#242831;--muted:#727986;--border:#e3e6ec;--blue:#3949e8;--blue-light:#eef0ff;--yellow:#ffe600;--green:#12845d;--red:#c7354f;--shadow:0 2px 6px rgba(24,31,61,.025)}
*{box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:#3249dc;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:26px;font-weight:700;letter-spacing:-.85px;margin:8px 0}h2{font-size:15px;letter-spacing:-.22px}p{line-height:1.55}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;background:#fff;border-right:1px solid #e3e5ec;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:27px 19px 29px;border-bottom:1px solid var(--border)}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--yellow);width:40px;height:40px;border-radius:12px;color:#252525;font-size:20px;font-weight:800;position:relative;letter-spacing:-2px}.brand-mark i{position:absolute;width:8px;height:8px;border:2px solid #364bdc;border-radius:50%;right:5px;bottom:5px}.brand-mark.small{width:29px;height:29px;font-size:16px;border-radius:9px}.brand strong{display:block;font-size:12px;line-height:1.25;letter-spacing:.05px}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.brand-amp{color:#8a91a0}.sidebar-group{padding:27px 12px}.nav-label{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#9ba1ae;padding:0 12px 15px}.nav-link{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:8px;text-align:left;color:#555d69;min-height:44px;padding:12px 13px;font-size:12px;font-weight:600;margin-bottom:4px}.nav-link:hover{background:#f6f7fc}.nav-link.selected{background:#eff0ff;color:#3949e8}.nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;width:23px;flex-shrink:0;font-weight:500}.side-bottom{margin-top:auto;padding:22px;border-top:1px solid var(--border);color:#7c8290;font-size:11px}.side-bottom p{font-size:10px;margin:8px 0 0}.dot,.bullet{display:inline-block;width:7px;height:7px;border-radius:50%;background:#23a77e;margin-right:5px}.muted-dot{background:#8a96a6}.workspace{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #e9ebf1;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 35px}.crumb{font-size:12px;color:#9ca2ac}.crumb span{color:#c5c9d0;margin:0 9px}.crumb strong{font-weight:600;color:#494f5b}.top-pill{font-size:11px;font-weight:600;color:#626a76;border:1px solid var(--border);padding:8px 12px;border-radius:24px}.top-circle{color:#13a171;font-size:9px;margin-right:5px}.mobile-brand{display:none}.page{max-width:1250px;margin:0 auto;padding:41px 42px 30px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.45px;color:#8189a0}.page-header p{font-size:13px;color:var(--muted);margin:2px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;border:1px solid var(--border);padding:11px 15px;font-weight:650;font-size:12px;white-space:nowrap;min-height:39px;transition:background .15s,border-color .15s}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover:not(:disabled){background:#263cd3}.btn.ghost{background:#fff;color:#4e57ab}.btn.ghost:hover{background:var(--blue-light)}.btn.secondary{background:#eff0ff;color:#3446d5;border-color:#e2e7ff}.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;font-size:12px;margin-bottom:22px}.notice strong{display:block;font-size:12px;font-weight:700}.notice p{font-size:11px;margin:3px 0 0;color:#64728c}.notice-info{background:#f0f3ff;border:1px solid #e1e6ff}.notice-soft{background:#f8f9fc;border:1px solid #eceef5;margin:15px 0}.notice-icon{font-size:18px;color:#4963df;line-height:1.1}.main-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start;gap:20px}.form-side{display:grid;gap:17px;min-width:0}.panel,.result-panel{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:23px 24px;box-shadow:var(--shadow)}.panel-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:25px}.step{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:9px;background:#eff0ff;color:#4251d3;font-size:12px;font-weight:800}.panel-title h2{margin:1px 0 2px;font-size:14px}.panel-title p{font-size:11px;color:#959aa6;margin:0}.field{margin-bottom:20px}.field:last-child{margin-bottom:0}.field label{display:block;font-weight:650;font-size:11px;color:#4c5261;margin-bottom:8px}.field .optional{font-size:10px;color:#9ca3ad;font-weight:500}.field .unit{color:#9ca3ad;font-weight:500;margin-left:3px}.field input,.field select,.import-panel textarea{width:100%;border:1px solid #d9dde8;border-radius:8px;color:#303542;background:white;outline:0;min-height:44px;padding:11px 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.import-panel textarea:focus{border-color:#6c79ee;box-shadow:0 0 0 3px #eff0ff}.field input::placeholder,.import-panel textarea::placeholder{color:#acb1be}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23505cd4' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.field small{font-size:10px;color:#9aa0aa;margin-top:7px;display:block;line-height:1.55}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lookup{display:flex;gap:8px}.lookup input{min-width:0;flex:1}.lookup .btn{min-width:92px}.money-field{display:flex;align-items:center;border:1px solid #d9dde8;border-radius:8px;min-height:44px;padding-left:13px}.money-field:focus-within{border-color:#6c79ee;box-shadow:0 0 0 3px #eff0ff}.money-field span{font-weight:650;color:#606778}.money-field input{border:0!important;box-shadow:none!important;min-height:42px;padding-left:6px;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.api-message{display:flex;gap:7px;align-items:center;font-size:10px;color:#7b8493;background:#f7f9fc;border:1px solid #edf0f5;border-radius:7px;padding:9px 11px;margin:-10px 0 20px}.api-message.ok{background:#edfaf4;color:#147d5a;border-color:#d2eddf}.api-message.warn{background:#fff9ed;color:#926514;border-color:#f5e1b6}.api-message.fail{background:#fff3f5;color:#a63b52;border-color:#f4d7df}.shipping-highlight{background:#f6f8fc;border:1px solid #ecf0f7;border-radius:9px;padding:14px 16px;margin-top:0;margin-bottom:17px}.shipping-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.shipping-glyph{height:27px;width:27px;display:flex;align-items:center;justify-content:center;background:#e9edff;color:#4053e8;font-size:16px;border-radius:8px}.shipping-head strong{font-size:11px;display:block}.shipping-head small{font-size:10px;color:#8c95a3;display:block;line-height:1.5;margin-top:3px}.shipping-line,.rule-row,.stat-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.shipping-line{font-size:11px;padding:6px 0;color:#808895}.shipping-line strong{font-size:11px;font-weight:700;color:#394258;text-align:right}.micro-info{font-size:10px;color:#89909d;line-height:1.6}.mini-details{border-top:1px solid #edf0f3;padding-top:16px;margin-top:19px}.mini-details summary{font-size:11px;font-weight:650;color:#4955d8;list-style:none;display:flex;justify-content:space-between;gap:8px}.mini-details summary::-webkit-details-marker,.breakdown summary::-webkit-details-marker{display:none}.detail-body{padding-top:20px}.detail-body .field{margin-bottom:17px}.compact-panel .panel-title{margin-bottom:13px}.rule-row{font-size:11px;padding:12px 0;border-bottom:1px solid #f0f1f4;color:#7e8490}.rule-row strong{color:#373d48}.text-link{display:inline-block;margin-top:18px;font-size:11px;font-weight:650}.result-side{position:static}.result-panel{padding:23px 23px 12px}.result-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.result-heading h2{font-size:13px;margin:0}.chip{font-size:9px;font-weight:750;letter-spacing:.15px;border-radius:20px;padding:6px 9px;white-space:nowrap;background:#e7f6ee;color:#16845b}.chip.neutral{background:#f0f1f5;color:#838c9a}.chip.warn{background:#fff0d9;color:#ad7318}.chip.bad{background:#fff0f2;color:#c73f52}.hero-number{margin-top:27px}.hero-number>span,.recommend span,.stat-row span{font-size:11px;color:#8c929d}.hero-number strong{display:block;font-size:34px;font-weight:750;letter-spacing:-1.45px;font-variant-numeric:tabular-nums;margin:4px 0 3px;word-break:break-word}.hero-number strong.positive{color:#14855d}.hero-number strong.negative{color:#ca364e}.hero-number small{font-size:10px;color:#959baa;display:block}.margin-bar{margin-top:19px;background:#e7eaf0;height:10px;border-radius:10px;overflow:visible;position:relative}.margin-bar>div{background:#178b64;border-radius:10px;height:100%;width:0;transition:width .2s}.margin-bar>div.negative{background:#d14962}.margin-bar .goal{position:absolute;left:30%;top:-3px;width:2px;height:16px;background:#485071;opacity:.7}.margin-meta{display:flex;justify-content:space-between;color:#9097a2;font-size:10px;margin:8px 0 21px}.recommend{display:flex;align-items:center;justify-content:space-between;background:#f0f2ff;border-radius:9px;padding:17px 15px;margin:8px 0 14px;gap:10px}.recommend div{min-width:0}.recommend span{display:block;color:#656fb8;font-size:10px;font-weight:550}.recommend strong{display:block;font-size:23px;margin-top:5px;letter-spacing:-.5px;color:#3345cb;word-break:break-word}.recommend-icon{display:flex!important;justify-content:center;align-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e1e6ff;color:#3e4fcb!important;font-size:20px!important}.stat-row{padding:14px 0;border-bottom:1px solid #f0f1f5;font-size:11px}.stat-row strong{font-size:12px;white-space:nowrap;text-align:right}.stat-row:last-child{border-bottom:0}.callout{border-left:3px solid #8091ef;background:#f7f8ff;border-radius:3px;margin:15px 0;padding:10px 12px;font-size:10px;line-height:1.65;color:#5d6893}.callout.warning{background:#fff9ee;color:#936f35;border-left-color:#e1ab44}.breakdown{border-top:1px solid #edeff4;margin:22px -23px 0;padding:0 23px}.breakdown summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;font-size:11px;color:#3445ca;font-weight:700;list-style:none}.breakdown-body{padding:0 0 16px}.break-row{display:flex;justify-content:space-between;gap:9px;padding:8px 0;font-size:10px;color:#828a98}.break-row b{font-size:11px;color:#343a45;text-align:right;white-space:nowrap}.break-row.highlight{font-weight:700;color:#424957;border-top:1px solid #e9ecf0;padding-top:14px;margin-top:4px}.break-row.sep{border-top:1px solid #e9ecf0;padding-top:12px;margin-top:6px}.break-note{font-size:10px;color:#98a0ae;line-height:1.6;margin:12px 0 0}.side-help{display:flex;gap:12px;padding:21px 12px 8px;color:#969dab;font-size:10px;line-height:1.65}.side-help p{margin:0}.help-icon{font-size:16px;color:#8994ad}.side-help b{font-weight:700;color:#717c8e}.footer{color:#aaaeb8;font-size:10px;margin-top:40px;padding-top:20px;border-top:1px solid #ecedf0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid .panel .field{margin-bottom:17px}.settings-grid .panel .field:last-child{margin-bottom:0}.import-panel{margin-top:20px}.import-panel .panel-title{margin-bottom:16px}.import-panel textarea{resize:vertical;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:110px}.subtext{font-size:12px;color:#727b89}.row-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}#settingsStatus{font-size:11px;color:#16845b}#toast{position:fixed;right:26px;bottom:23px;padding:12px 17px;border-radius:9px;background:#252a38;color:white;font-size:12px;box-shadow:0 10px 30px #0002;max-width:320px;visibility:hidden;opacity:0;transform:translateY(9px);transition:.18s;z-index:30}#toast.show{visibility:visible;opacity:1;transform:translateY(0)}.hidden{display:none!important}
@media(max-width:1150px){.sidebar{width:210px;flex-basis:210px}.page{padding:34px 28px}.main-grid{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)}.panel{padding:21px 19px}}@media(max-width:950px){.main-grid{grid-template-columns:1fr}.result-side{position:static}.settings-grid{grid-template-columns:1fr}.result-panel{max-width:none}}@media(max-width:680px){.sidebar{display:none}.topbar{height:58px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:12px}.crumb{display:none}.page{padding:24px 15px}.page-header{align-items:flex-start;gap:13px}.page-header .btn.ghost{padding:10px;font-size:0}.page-header .btn.ghost span{font-size:18px}.page-header h1{font-size:24px}.panel,.result-panel{padding:18px 17px}.fields-two{grid-template-columns:1fr;gap:0}.lookup .btn{padding:10px 9px;min-width:75px}.main-grid{gap:16px}.result-panel{padding-bottom:8px}.breakdown{margin-left:-17px;margin-right:-17px;padding:0 17px}.hero-number strong{font-size:30px}.page-header p{font-size:12px}.notice{padding:12px}}
@media print{.sidebar,.topbar,.page-header .btn,.btn,.text-link,.side-help,.footer,.notice,#pageSettings{display:none!important}.workspace{width:100%}.page{padding:0}.main-grid{display:block}.panel,.result-panel{break-inside:avoid;box-shadow:none}.result-panel{margin-top:16px}.mini-details,.breakdown{display:block}details>*{display:block!important}}

.recheck-link{font-size:10px;color:#3e50d2;border:0;background:transparent;padding:0;margin:-5px 0 9px;display:inline-block;text-align:left;font-weight:700}.recheck-link:hover:not(:disabled){text-decoration:underline}.recheck-link:disabled{opacity:.4}

/* Version 1.1: same base design, lightweight additions */
.fields-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dim-label{font-size:10px!important;font-weight:600!important;margin:0 0 5px!important}.category-options{display:grid;gap:8px}.category-choice{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--border);border-radius:8px;padding:12px 13px;text-align:left;width:100%;font-size:12px;font-weight:600;color:var(--ink)}.category-choice.selected{border-color:#5265d9;background:#f4f5ff}.category-choice .circle{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #b6bdd0;border-radius:50%;font-size:10px;flex:none}.category-choice.selected .circle{background:#3b4dde;color:white;border-color:#3b4dde}.month-grid-title{font-weight:700;font-size:11px;margin:12px 0 8px}.status-help{border:0;cursor:help;font-family:inherit;position:relative;white-space:nowrap}.status-help>span{margin-left:5px;opacity:.65}.status-help:hover::after,.status-help:focus-visible::after,.status-help.touched::after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 10px);width:245px;max-width:min(65vw,245px);font-size:11px;line-height:1.5;white-space:normal;padding:12px 13px;text-align:left;background:#282f40;color:#fff;border-radius:9px;box-shadow:0 7px 20px #0002;z-index:50;font-weight:400;letter-spacing:0}.verify-action{width:100%;white-space:normal;margin-top:3px}.verify-action:disabled{opacity:.6}#targetMessage{padding:0 2px;min-height:14px}.shipping-highlight .shipping-line strong{font-variant-numeric:tabular-nums}@media(max-width:560px){.fields-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.fields-three input{min-width:0;padding:8px!important}.verify-action{font-size:11px}}

/* Version 1.1.2: acción al final del formulario, tras compra y venta.
   Mantiene separación entre botón y aviso, sin cambiar los estilos de otros bloques. */
#newQuoteActions .row-actions { margin-top: 8px; margin-bottom: 0; }
#newApiMessage { margin: 12px 0 0; }

/* v1.1.4: comisión junto al tipo de publicación, cuotas visibles sin saturar el formulario */
.listing-fee-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,.49fr);gap:13px;align-items:start}
.listing-fee-row>.field{min-width:0}
.fee-preview{border:1px solid #e4e8f0;background:#fafbff;border-radius:9px;min-height:66px;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;gap:3px}
.fee-preview span{font-size:10px;font-weight:650;color:#828ca0}
.fee-preview strong{font-variant-numeric:tabular-nums;font-size:15px;line-height:1.15;color:#3544c3}
.fee-preview small{font-size:10px;line-height:1.3;color:#8793a6}
.fee-preview.estimate{border-color:#f0dfbf;background:#fffaf1}.fee-preview.estimate strong{color:#976f2b}
.fee-preview.pending{border-color:#e8ebf1;background:#f7f8fb}
@media(max-width:460px){.listing-fee-row{grid-template-columns:minmax(0,1fr) minmax(132px,.6fr);gap:8px}.fee-preview{padding:8px 9px;min-height:64px}.fee-preview strong{font-size:13px}}

/* v1.4 navegación congruente con Finanzas; calculadora original intacta. */
.sidebar-group{overflow-y:auto;min-height:0;flex:1;padding-top:16px}.side-external{text-decoration:none;display:flex;align-items:center}.side-external:hover{background:#f1f3ff}.sidebar .nav-label{font-size:10px;letter-spacing:.09em}
@media(max-width:780px){.sidebar-group{overflow:visible}}
