:root{color-scheme:light dark;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--shape-xs: 4px;--shape-s: 8px;--shape-m: 12px;--shape-l: 16px;--shape-xl: 28px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--dur-short: .12s;--dur-medium: .24s;--dur-long: .36s}:root[data-theme=light]{--primary: #176B5B;--on-primary: #FFFFFF;--primary-container: #A6F2DD;--on-primary-container: #00201A;--secondary: #4A635C;--secondary-container: #CDE8DE;--on-secondary-container: #06201A;--tertiary: #41617A;--tertiary-container: #C7E7FF;--on-tertiary-container: #001E2F;--surface: #F6FBF8;--surface-container-lowest: #FFFFFF;--surface-container-low: #F0F5F1;--surface-container: #EAEFEC;--surface-container-high: #E4E9E6;--surface-container-highest: #DEE4E0;--on-surface: #181C1B;--on-surface-variant: #3F4946;--outline: #6F7975;--outline-variant: #BFC9C4;--error: #BA1A1A;--on-error: #FFFFFF;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);--shadow-hi: 0 2px 6px rgba(0, 0, 0, .12), 0 12px 28px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--primary: #8AD6C1;--on-primary: #00382E;--primary-container: #005142;--on-primary-container: #A6F2DD;--secondary: #B1CCC2;--secondary-container: #324B43;--on-secondary-container: #CDE8DE;--tertiary: #A8CAE6;--tertiary-container: #284862;--on-tertiary-container: #C7E7FF;--surface: #0E1513;--surface-container-lowest: #090F0D;--surface-container-low: #161D1B;--surface-container: #1A211F;--surface-container-high: #252B29;--surface-container-highest: #303634;--on-surface: #DEE4E0;--on-surface-variant: #BFC9C4;--outline: #899390;--outline-variant: #3F4946;--error: #FFB4AB;--on-error: #690005;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .3);--shadow-hi: 0 2px 8px rgba(0, 0, 0, .5), 0 16px 36px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--surface);color:var(--on-surface);line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(60rem 40rem at 110% -10%,color-mix(in oklab,var(--primary) 14%,transparent),transparent 60%),radial-gradient(50rem 36rem at -10% 0%,color-mix(in oklab,var(--tertiary) 10%,transparent),transparent 55%)}.shell{max-width:760px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16)}.t-display{font-size:clamp(2.25rem,7vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.04}.t-headline{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.t-title{font-size:1.05rem;font-weight:700;letter-spacing:-.005em}.t-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero{margin-bottom:var(--space-8)}.hero__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__mark{width:44px;height:44px;flex:none;border-radius:var(--shape-m);box-shadow:var(--shadow)}.brand__name{font-size:.95rem;font-weight:700;letter-spacing:-.01em}.hero__eyebrow{display:inline-block;color:var(--primary);margin:0 0 var(--space-3)}.hero__title{margin:0 0 var(--space-4);color:var(--on-surface)}.hero__title .accent{color:var(--primary)}.hero__subtitle{margin:0;max-width:48ch;font-size:1.05rem;color:var(--on-surface-variant)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--outline-variant);border-radius:var(--shape-xl);background:var(--surface-container);color:var(--on-surface);cursor:pointer;overflow:hidden;transition:border-color var(--dur-short) var(--ease-standard)}.icon-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--on-surface);opacity:0;transition:opacity var(--dur-short) var(--ease-standard)}.icon-btn:hover:after{opacity:.08}.icon-btn:active:after{opacity:.12}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-btn svg{width:22px;height:22px;position:relative;transition:transform var(--dur-medium) var(--ease-emphasized)}.icon-btn:hover svg{transform:rotate(18deg)}.card{position:relative;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--shape-l);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow)}.field{margin-bottom:var(--space-4)}.tf{position:relative;display:flex;align-items:center;height:56px;padding:0 var(--space-4);border:1px solid var(--outline);border-radius:var(--shape-s);background:var(--surface-container-lowest);transition:border-color var(--dur-short) var(--ease-standard),box-shadow var(--dur-short) var(--ease-standard)}.tf:hover{border-color:var(--on-surface-variant)}.tf:focus-within{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.tf input{flex:1;min-width:0;height:100%;border:0;padding:0;background:transparent;outline:none;font-family:inherit;font-size:1.05rem;color:var(--on-surface);font-variant-numeric:tabular-nums}.tf label{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);padding:0 var(--space-1);color:var(--on-surface-variant);pointer-events:none;transition:transform var(--dur-medium) var(--ease-emphasized),color var(--dur-short) var(--ease-standard),font-size var(--dur-medium) var(--ease-emphasized)}.tf:focus-within label,.tf.is-filled label{top:0;transform:translateY(-50%) scale(.84);background:var(--surface-container-low);color:var(--primary)}.tf.is-filled:not(:focus-within) label{color:var(--on-surface-variant)}.tf__prefix{margin-right:var(--space-1);color:var(--on-surface-variant);opacity:0;transition:opacity var(--dur-short) var(--ease-standard)}.tf[data-affix=prefix]:focus-within .tf__prefix,.tf[data-affix=prefix].is-filled .tf__prefix{opacity:1}.tf__suffix{margin-left:var(--space-2);color:var(--on-surface-variant)}.tf__support{margin:var(--space-1) var(--space-4) 0;font-size:.78rem;color:var(--on-surface-variant)}.icon-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:var(--space-1);margin-right:calc(var(--space-2) * -1);flex:none;border:0;border-radius:50%;background:transparent;color:var(--on-surface-variant);cursor:pointer;overflow:hidden;transition:color var(--dur-short) var(--ease-standard)}.icon-ghost:hover{color:var(--on-surface)}.icon-ghost[aria-expanded=true]{color:var(--primary)}.icon-ghost:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-18{width:18px;height:18px}.ripple{position:relative;overflow:hidden}.ripple__ink{position:absolute;border-radius:50%;transform:scale(0);background:currentColor;opacity:.22;pointer-events:none;animation:ripple .52s var(--ease-emphasized)}@keyframes ripple{to{transform:scale(1);opacity:0}}.help-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--outline);background:transparent;color:var(--on-surface-variant);font-size:.72rem;font-weight:700;cursor:pointer;line-height:1;overflow:hidden;transition:color var(--dur-short) var(--ease-standard),border-color var(--dur-short) var(--ease-standard)}.help-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--on-surface);opacity:0;transition:opacity var(--dur-short) var(--ease-standard)}.help-btn:hover{color:var(--on-surface);border-color:var(--on-surface-variant)}.help-btn:hover:after{opacity:.08}.help-btn[aria-expanded=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.help-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.help-panel{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows var(--dur-medium) var(--ease-emphasized),opacity var(--dur-medium) var(--ease-emphasized),margin-top var(--dur-medium) var(--ease-emphasized)}.help-panel.is-open{grid-template-rows:1fr;opacity:1;margin-top:var(--space-2)}.help-panel__inner{overflow:hidden;min-height:0}.help-panel__body{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;padding:var(--space-3) var(--space-4);background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--shape-m);font-size:.875rem;line-height:1.5;transform:translateY(-4px);transition:transform var(--dur-medium) var(--ease-emphasized)}.help-panel.is-open .help-panel__body{transform:translateY(0)}.help-panel__icon{width:18px;height:18px;flex:none;margin-top:1px;color:var(--on-secondary-container)}.help-panel p{margin:0}.switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:48px;height:28px;border-radius:999px;background:var(--surface-container-highest);border:1px solid var(--outline);flex:none;transition:background var(--dur-short) var(--ease-standard),border-color var(--dur-short) var(--ease-standard)}.switch__track:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:var(--outline);transition:transform var(--dur-medium) var(--ease-emphasized),background var(--dur-short) var(--ease-standard),width var(--dur-short) var(--ease-standard)}.switch input:checked+.switch__track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch__track:after{transform:translate(20px);background:var(--on-primary)}.switch input:focus-visible+.switch__track{outline:2px solid var(--primary);outline-offset:2px}.switch__label{font-size:.9rem;font-weight:600}.results__title{margin:0 0 var(--space-4)}.result-empty{color:var(--on-surface-variant)}.result-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--outline-variant)}.result-row:last-child{border-bottom:none}.result-row__label{display:flex;align-items:center;gap:var(--space-2);color:var(--on-surface-variant);font-size:.92rem}.result-row__value{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.result-total{margin-top:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--shape-m);background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.result-total .result-row__label{color:var(--on-primary-container);font-weight:700;font-size:.95rem}.result-total__value{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.55rem;letter-spacing:-.02em;white-space:nowrap}.result-row__value.is-negative{color:var(--error)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.compare-col{padding:var(--space-4);border-radius:var(--shape-m);background:var(--surface-container);border:1px solid var(--outline-variant)}.compare-col__title{font-size:.8rem;font-weight:700;color:var(--on-surface-variant);margin:0 0 var(--space-2)}.compare-col__value{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--primary)}.compare-col__sub{font-size:.8rem;color:var(--on-surface-variant);margin-top:var(--space-1)}.glossary summary{cursor:pointer;font-weight:700;padding:var(--space-2) 0;list-style:none}.glossary summary::-webkit-details-marker{display:none}.glossary summary:before{content:"+";display:inline-block;width:1.2em;color:var(--primary);font-weight:700;transition:transform var(--dur-short) var(--ease-standard)}.glossary details[open] summary:before{content:"−"}.glossary dt{font-weight:700;margin-top:var(--space-4)}.glossary dd{margin:var(--space-1) 0 0;color:var(--on-surface-variant);font-size:.9rem}.disclaimer{margin-top:var(--space-6);font-size:.8rem;color:var(--on-surface-variant)}.rate-source{font-size:.8rem;color:var(--on-surface-variant);margin-top:var(--space-3)}.viz{margin:var(--space-4) 0 var(--space-2)}.viz__title{margin:0 0 var(--space-3);font-size:.8rem;font-weight:600;color:var(--on-surface-variant)}.viz__bar{display:flex;gap:2px;height:16px;border-radius:999px;overflow:hidden;background:var(--surface-container-high)}.viz__seg{height:100%;min-width:0;transition:width var(--dur-long) var(--ease-emphasized)}.viz__seg--aportado,.viz__dot--aportado{background:var(--secondary)}.viz__seg--rend,.viz__dot--rend{background:var(--primary)}.viz__seg--ir,.viz__dot--ir{background:var(--error)}.viz__seg--iof,.viz__dot--iof{background:var(--tertiary)}.viz__legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3)}.viz__item{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--on-surface-variant)}.viz__dot{width:10px;height:10px;border-radius:3px;flex:none}.viz__val{color:var(--on-surface);font-weight:600;font-variant-numeric:tabular-nums}.compare-col--accent{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 9%,var(--surface-container))}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.012)}to{transform:scale(1)}}.result-total.pulse{animation:pulse var(--dur-long) var(--ease-emphasized)}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.animate-in,.hero{animation:riseIn var(--dur-long) var(--ease-emphasized) both}.card:nth-of-type(1){animation-delay:60ms}.card:nth-of-type(2){animation-delay:.12s}.card:nth-of-type(3){animation-delay:.18s}@media (max-width: 520px){.compare-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}