:root{--ink:#142338;--muted:#516174;--blue:#174acb;--blue-soft:#edf3ff;--orange:#995000;--line:#dce3ed;--surface:#f5f7fb;--white:#fff;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}a{color:var(--blue);text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e59816;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.17;letter-spacing:-.045em;max-width:850px;margin-bottom:.7rem}h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}h3{font-size:1.13rem;line-height:1.4}p{margin-bottom:1rem}.skip{position:absolute;left:1rem;top:-100px;background:#fff;padding:1rem;z-index:20}.skip:focus{top:1rem}.wrap{max-width:1240px;margin:0 auto;padding:0 28px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.brand{font-weight:800;letter-spacing:-.055em;color:var(--ink);text-decoration:none;font-size:1.3rem;white-space:nowrap}.brand span{color:var(--blue)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:.875rem;color:var(--muted);text-decoration:none;padding:10px 0}nav a[aria-current=page]{color:var(--blue);font-weight:700;box-shadow:0 2px var(--blue)}.intro{padding:36px 0 26px}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:750;text-transform:uppercase;color:var(--blue);margin-bottom:10px}.intro p:last-child{color:var(--muted);max-width:780px;margin:0}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.input-panel{position:sticky;top:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-heading h2{font-size:1.12rem;margin:0}.subtle{font-size:.875rem;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--blue);font-size:.875rem;padding:4px;text-decoration:underline;text-underline-offset:3px}.field{display:block;margin-bottom:17px;font-size:.875rem;font-weight:650}.field input,.field select{display:block;width:100%;margin-top:6px;border:1px solid #aab8cb;border-radius:7px;padding:10px 12px;color:var(--ink);background:#fff;min-height:46px;font-size:1rem;font-weight:500}.field input:focus,.field select:focus{border-color:var(--blue)}.field small{display:block;color:var(--muted);font-weight:400;margin-top:5px;font-size:.8125rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.input-panel h3{margin-bottom:14px}.primary{background:var(--blue);border:1px solid var(--blue);color:white;border-radius:8px;min-height:46px;padding:10px 18px;font-weight:650}.primary:hover{background:#103aa6}.input-panel .primary{width:100%}.secondary{background:#fff;color:var(--ink);border:1px solid #aab8cb;border-radius:7px;padding:8px 13px;font-size:.875rem;min-height:42px}.secondary:hover{border-color:var(--blue);color:var(--blue)}.advanced{border-top:1px solid var(--line);padding-top:14px;margin:8px 0 20px}.advanced summary{font-size:.875rem;font-weight:600;cursor:pointer}.advanced[open] summary{margin-bottom:18px}.form-error{color:#a92323;font-size:.875rem;background:#fff0f0;border-radius:6px;padding:10px}.form-error:empty{display:none}.result-stack{display:grid;gap:20px;min-width:0}.baseline{background:#142b50;color:white;border-radius:var(--radius);padding:24px}.baseline .eyebrow{color:#b9ccff}.baseline-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.baseline-top h2{font-size:1.05rem;font-weight:500;margin-bottom:22px;color:#e0e8f6}.sample-label{font-size:.75rem;background:#2c4264;border:1px solid #516788;padding:3px 10px;border-radius:4px;white-space:nowrap}.baseline-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.baseline-values span{display:block;font-size:.8125rem;color:#c6d3e8}.baseline-values strong{display:block;font-size:clamp(1.05rem,2.1vw,1.6rem);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-weight:650}.result-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.result-title h2{font-size:1.2rem;margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scenario{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:22px;position:relative;border-top:4px solid var(--blue)}.scenario.cuota{border-top-color:#bc6504}.scenario .eyebrow{margin:0 0 14px;letter-spacing:.08em}.scenario.cuota .eyebrow{color:var(--orange)}.saving{display:block;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:750;letter-spacing:-.06em;line-height:1.2;font-variant-numeric:tabular-nums}.saving-label{font-size:.875rem;color:var(--muted);display:block;margin:7px 0 20px}.scenario dl{margin:0;font-size:.875rem}.scenario dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0}.scenario dt{color:var(--muted)}.scenario dd{margin:0;text-align:right;font-weight:650}.scenario p{font-size:.8125rem;color:var(--muted);margin:12px 0 0}.interpretation{background:var(--blue-soft);border-left:3px solid var(--blue);padding:16px 18px;font-size:.9375rem}.interpretation p{margin:0}.assumptions{font-size:.8125rem;color:var(--muted);margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status{font-size:.875rem;color:var(--blue);margin:6px 0 0;min-height:1.5em}.legend{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.8125rem}.legend span:before{content:"";display:inline-block;width:18px;height:3px;background:#65758c;margin:0 6px 3px 0}.legend .plazo:before{background:var(--blue)}.legend .cuota:before{background:#bc6504}.chart{width:100%;height:auto;display:block;margin-top:12px;overflow:visible}.chart text{font-family:inherit;fill:var(--muted);font-size:12px}.table-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}.table-controls .field{margin:0;flex:1;min-width:130px}.table-wrap{overflow:auto;max-height:430px;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:.875rem;font-variant-numeric:tabular-nums}caption{text-align:left;padding:10px;color:var(--muted)}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{background:#edf1f7;position:sticky;top:0;font-weight:600}tbody tr:nth-child(even){background:#f9fafc}tfoot{font-weight:650;background:#edf1f7}.reading{margin:48px auto;max-width:920px}.reading h2{margin-top:36px}.reading h3{margin-top:24px}.reading p,.reading li{color:#37485e}.reading li{margin:8px 0}.reading .lead{font-size:1.15rem;color:var(--muted)}.reading details{border-bottom:1px solid var(--line);padding:17px 0}.reading summary{font-weight:650;cursor:pointer}.reading details p{margin:12px 0 0}.example{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:20px 0}.example h3{margin-top:0}.example .primary{display:inline-block;text-decoration:none}.method-link{font-size:.875rem}.formula{background:#edf1f7;border-radius:6px;padding:14px;overflow:auto;font-family:ui-monospace,monospace;font-size:.875rem}.site-footer{margin-top:48px;background:#fff;border-top:1px solid var(--line);padding:30px 0}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-row p{font-size:.8125rem;color:var(--muted);margin-top:8px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:start;font-size:.8125rem}.footnote{font-size:.8125rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:16px;margin-bottom:0}.saved-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem}.saved-row button{flex-shrink:0}.hidden,[hidden]{display:none!important}.empty-note{background:#fff4de;border-left:3px solid #ad6b00;padding:14px;font-size:.875rem}.consent{position:fixed;bottom:18px;left:18px;max-width:460px;background:#fff;border:1px solid #b2bfd2;box-shadow:0 8px 35px #14233826;border-radius:12px;padding:20px;z-index:10}.consent p{font-size:.875rem}.consent .toolbar{justify-content:flex-end}.investment-table td{white-space:normal}.investment-table th{white-space:normal}.noscript{padding:20px;background:#fff4de}.result-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:960px){.wrap{padding:0 20px}.workspace{grid-template-columns:300px minmax(0,1fr);gap:18px}.comparison{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;padding-top:16px;padding-bottom:12px;gap:8px}.input-panel{position:static}nav{gap:20px}.scenario dl div{padding:7px 0}.baseline-values{grid-template-columns:1fr}.baseline-values div{display:flex;justify-content:space-between;gap:8px;align-items:center}.baseline-top{flex-wrap:wrap}.baseline-top h2{margin-bottom:8px}.baseline-values{margin-top:14px}}
@media(max-width:680px){.wrap{padding:0 16px}.intro{padding:26px 0 22px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.header-inner{align-items:flex-start}nav{column-gap:17px;row-gap:0}nav a{font-size:.8125rem}.brand{font-size:1.25rem}.baseline-values{grid-template-columns:1fr}.comparison{grid-template-columns:1fr 1fr;gap:10px}.scenario{padding:16px}.scenario dl div{display:block}.scenario dd{text-align:left;margin-top:3px}.saving{font-size:1.8rem}.scenario .eyebrow{font-size:.75rem;letter-spacing:.04em}.result-title{display:block}.result-title .subtle{display:block;margin-top:6px}.consent{left:12px;right:12px;bottom:12px;max-width:none}.reading{margin:32px 0}.chart text{font-size:13px}.toolbar .secondary{flex-grow:1}.baseline-top{flex-wrap:nowrap}}
@media(max-width:370px){.comparison{grid-template-columns:1fr}.pair{grid-template-columns:1fr}.baseline-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.site-header,.input-panel,.toolbar,.consent,.site-footer,.table-controls{display:none!important}.workspace{display:block}.panel,.scenario,.baseline{break-inside:avoid;box-shadow:none;color:#000;background:white}.baseline *{color:#000!important}.table-wrap{max-height:none;overflow:visible}.wrap{max-width:none}.reading{max-width:none}.result-stack{gap:12px}}
.result-stack{grid-template-columns:minmax(0,1fr)}
.result-stack>*{min-width:0}
.panel{min-width:0}
@media(max-width:680px){.workspace{display:flex;flex-direction:column;align-items:stretch}.result-stack{display:contents}.baseline-top{flex-wrap:wrap}.baseline{padding:20px}}
.panel-heading .text-button{white-space:nowrap}
.workspace.pre-calc{grid-template-columns:minmax(0,720px);justify-content:center}
@media(max-width:680px){.workspace.pre-calc{grid-template-columns:1fr}}
.interpretation{background:var(--ink);color:#fff;border-left:6px solid var(--orange);border-radius:12px;padding:20px 24px;font-size:1.05rem;box-shadow:0 8px 20px #1423381c}.verdict-label{display:block;color:#b9ccff;font-size:.72rem;letter-spacing:.12em;font-weight:750;text-transform:uppercase;margin-bottom:8px}.interpretation p{margin:0;color:#fff;font-weight:650;line-height:1.5}
.saving-meter{height:8px;background:#e7edf6;border-radius:999px;overflow:hidden;margin:2px 0 8px}.saving-meter span{display:block;height:100%;width:0;background:var(--blue);border-radius:inherit;transition:width .25s ease}.scenario.cuota .saving-meter span{background:var(--orange)}.best-badge{display:inline-block;margin-bottom:12px;padding:3px 8px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:.75rem;font-weight:700}.scenario.cuota .best-badge{background:#fff1df;color:var(--orange)}
