/* Calculadora pública (La Mercedes): mismo lenguaje visual del panel (cian, esquinas cortadas, Michroma en titulares) */
@font-face{font-family:Michroma;src:url('/assets/Michroma-Regular.woff') format('woff');font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/Poppins-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/Poppins-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
:root{--c:#12add6;--deep:#0a6f8c;--ink:#141615;--mute:#737a76;--faint:#9aa09b;--paper:#fff;--panel:#eef1ef;--line:#e3e7e3;
  --c1:#0a6f8c;--c2:#12add6;--c3:#46c08f;--c4:#e0a33a;--c5:#8a7fd6;--cut:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color-scheme:light}
html[data-theme=dark]{--ink:#eef1ed;--mute:#99a19b;--faint:#6e7671;--paper:#141917;--panel:#0c100f;--line:#232a27;--deep:#27bfe6;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,system-ui,sans-serif;background:var(--panel);color:var(--ink);-webkit-text-size-adjust:100%}
.c-top{display:flex;align-items:center;justify-content:space-between;padding:14px max(16px,calc((100vw - 1100px)/2));background:var(--paper);border-bottom:1px solid var(--line)}
.c-brand{font-family:Michroma,sans-serif;font-size:14px;color:var(--ink);text-decoration:none}.c-brand i{font-style:normal;color:var(--c)}
.c-acc{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;padding:8px 14px;box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--cut)}
.c-wrap{max-width:1100px;margin:0 auto;padding:22px 16px 60px}
h1{font:400 clamp(21px,3.4vw,30px)/1.25 Michroma,sans-serif;margin:0 0 16px;letter-spacing:-.02em}
.c-modo{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;background:var(--paper);margin:0 0 16px;clip-path:var(--cut)}
.c-modo button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--mute);padding:10px 14px;cursor:pointer;clip-path:var(--cut)}
.c-modo button[aria-selected=true]{background:var(--c);color:#fff}
html[data-theme=dark] .c-modo button[aria-selected=true]{color:#04181e}
.c-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:start}
.c-form,.c-res{background:var(--paper);padding:20px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.c-form{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.c-monto,.c-campo,.c-res{grid-template-columns:minmax(0,1fr);min-width:0}
.c-monto{display:grid;gap:8px}.c-monto>span:first-child,.c-campo>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--faint)}
.c-in{display:flex;align-items:center;gap:8px;padding:0 16px;height:64px;background:var(--panel);clip-path:var(--cut)}
.c-in b{font-size:26px;color:var(--faint);font-weight:400}
.c-in input{all:unset;flex:1;min-width:0;width:100%;font:600 30px Poppins,sans-serif;color:var(--ink)}
.c-in:focus-within{box-shadow:inset 0 0 0 2px var(--c)}
.c-campo{display:grid;gap:8px}
.c-chips{display:flex;flex-wrap:wrap;gap:6px}
.c-chips button{border:0;font:inherit;font-size:14px;padding:10px 14px;background:var(--panel);color:var(--ink);cursor:pointer;clip-path:var(--cut)}
.c-chips button.on{background:var(--c);color:#fff;font-weight:600}html[data-theme=dark] .c-chips button.on{color:#04181e}
select{font:inherit;font-size:15px;padding:12px;border:0;background:var(--panel);color:var(--ink);clip-path:var(--cut);width:100%}
.c-res{position:sticky;top:16px;display:grid;gap:16px}
.c-vacio{margin:0;color:var(--mute);text-align:center;padding:30px 0}
.c-res.calc-ando{opacity:.55;transition:opacity .15s}
.c-res.calc-ando::after{content:'Calculando…';position:absolute;top:16px;right:20px;font-size:12px;color:var(--mute)}
.c-total{display:grid;gap:2px}.c-total small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--faint)}
.c-total b{font:400 clamp(30px,5vw,42px)/1.15 Michroma,sans-serif;color:var(--ink);letter-spacing:-.02em}
.c-total span{font-size:14px;color:var(--mute)}
.c-barra{display:flex;height:12px;gap:2px;overflow:hidden}.c-barra i{display:block;min-width:4px}
.c-lista{display:grid;gap:2px}
.c-g summary{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 4px;cursor:pointer;list-style:none;border-bottom:1px solid var(--line)}
.c-g summary::-webkit-details-marker{display:none}
.c-g summary span{font-size:14.5px}.c-g summary b{font-size:15px;font-variant-numeric:tabular-nums}
.c-dot{width:12px;height:12px;display:block}
.c-g ul{list-style:none;margin:0;padding:6px 4px 10px 26px;display:grid;gap:6px}
.c-g li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--mute)}.c-g li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.c-nota{margin:0;font-size:12.5px;color:var(--mute);line-height:1.5}
.c-acc2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c-btn{display:flex;align-items:center;justify-content:center;height:46px;padding:0 14px;border:0;font:inherit;font-weight:600;font-size:14.5px;background:var(--c);color:#fff;text-decoration:none;cursor:pointer;clip-path:var(--cut)}
html[data-theme=dark] .c-btn:not(.ghost){color:#04181e}
.c-btn.ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(120px);background:var(--ink);color:var(--paper);padding:10px 16px;font-size:14px;transition:transform .2s}
#toast.on{transform:translateX(-50%) translateY(0)}
@media (max-width:820px){.c-grid{grid-template-columns:minmax(0,1fr)}.c-res{position:relative;top:auto}.c-wrap{padding:16px 12px 40px}.c-form,.c-res{padding:16px}
  .c-modo{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.c-modo button{padding:10px 8px}}
@media (prefers-reduced-motion:reduce){#toast{transition:none}}