*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#202124;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f3f4}::-webkit-scrollbar-thumb{background:#1daa61;border-radius:3px}input[type=range]{-webkit-appearance:none;appearance:none;background:#e8eaed;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#1daa61;border-radius:50%;box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px rgba(60,64,67,.15);cursor:pointer;height:20px;transition:transform .15s ease,box-shadow .15s ease;width:20px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 6px rgba(60,64,67,.35),0 6px 14px rgba(60,64,67,.2);transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:#1daa61;border:none;border-radius:50%;box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px rgba(60,64,67,.15);cursor:pointer;height:20px;transition:transform .15s ease,box-shadow .15s ease;width:20px}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-track{background:#e8eaed;border-radius:2px;height:4px}.collapsible{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease}.collapsible.open{max-height:800px;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.container{margin:0 auto;max-width:1100px;padding:28px 20px}.header{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px rgba(60,64,67,.08),0 1px 2px rgba(60,64,67,.06);flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:14px 24px}.header,.header-left{align-items:center;display:flex;gap:16px}.logo{display:block}.header-divider{border-left:1px solid #dadce0;padding-left:16px}.header-title{color:#202124;font-size:17px;font-weight:700;letter-spacing:-.2px}.header-subtitle{color:#5f6368;font-size:12px;margin-top:2px}.header-badge{background:rgba(29,170,97,.06);border:1px solid rgba(29,170,97,.45);border-radius:4px;color:#188038;font-size:12px;font-weight:600;letter-spacing:.1px;padding:7px 18px;white-space:nowrap}.body-grid{align-items:start;display:grid;gap:20px;grid-template-columns:1fr 360px}.inputs-col{min-width:0}.card{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 2px rgba(60,64,67,.06);margin-bottom:16px;padding:20px 24px}.card--green,.card--indigo{border-top-color:#dadce0}.card-badge{align-items:center;background:none;border-radius:0;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.8px;margin-bottom:20px;padding:0;text-transform:uppercase}.badge--green{color:#188038}.badge--amber{color:#b06000}.badge--indigo{color:#1558d6}.slider-row{margin-bottom:20px}.slider-header{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.slider-info{flex:1;min-width:0}.slider-label{color:#202124;font-size:13px;font-weight:500}.slider-hint{color:#5f6368;font-size:11px;margin-top:2px}.slider-values-group{align-items:center;display:flex;flex-shrink:0;gap:6px}.slider-value{background:#f8f9fa;border:1px solid #dadce0;border-radius:4px;color:#188038;font-size:13px;font-weight:600;padding:2px 10px;white-space:nowrap}.slider-value--secondary{background:#fff;color:#5f6368;font-weight:500}.slider-limits{color:#9aa0a6;display:flex;font-size:10px;justify-content:space-between;margin-top:5px}.dato-fijo{margin-bottom:20px}.dato-nota{align-items:flex-start;background:#f8f9fa;border:1px solid #dadce0;color:#5f6368;font-size:11px;gap:8px;line-height:1.5;padding:8px 12px}.dato-nota,.subtotal{border-radius:4px;display:flex;margin-top:8px}.subtotal{align-items:center;justify-content:space-between;padding:10px 14px}.subtotal-label{color:#5f6368;font-size:12px;font-weight:500}.subtotal-value{font-size:15px;font-weight:700}.subtotal--green{background:#e6f4ea}.subtotal--red{background:#fce8e6}.subtotal--indigo{background:#e8f0fe}.subtotal-value--green{color:#188038}.subtotal-value--red{color:#d93025}.subtotal-value--indigo{color:#1558d6}.card-collapsible{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 2px rgba(60,64,67,.06);margin-bottom:16px;overflow:hidden}.collapsible-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:16px 24px;text-align:left;transition:background .15s ease;width:100%}.collapsible-btn:hover{background:#f8f9fa}.collapsible-btn-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.collapsible-btn-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.collapsible-btn .card-badge{margin-bottom:0}.bloque2-tag{color:#9aa0a6;font-size:11px;font-style:italic}.bloque2-preview{color:#d93025;font-size:12px;font-weight:600}.chevron{align-items:center;background:transparent;border-radius:50%;color:#5f6368;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:transform .3s ease,background .2s ease,color .2s ease;width:32px}.collapsible-btn:hover .chevron{background:#f1f3f4}.chevron.open{color:#b06000;transform:rotate(180deg)}.collapsible-inner{padding:0 24px 22px}.inversion-box{align-items:center;background:#f8f9fa;border:1px solid #dadce0;border-radius:4px;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding:14px 16px}.inversion-label{color:#202124;font-size:13px;font-weight:500}.inversion-sublabel{color:#5f6368;font-size:11px;margin-top:3px}.inversion-right{flex-shrink:0;text-align:right}.inversion-amount{color:#1558d6;font-size:22px;font-weight:700;line-height:1}.inversion-period{color:#9aa0a6;font-size:10px;margin-top:2px}.results-panel{background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px rgba(60,64,67,.08),0 1px 2px rgba(60,64,67,.06);overflow:hidden;padding:0;position:sticky;top:24px}.results-header{align-items:center;border-bottom:1px solid #dadce0;display:flex;gap:10px;margin-bottom:0;padding:14px 20px}.results-header-label{color:#5f6368;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.results-grid-2{border-bottom:1px solid #dadce0;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:0}.result-card{background:#fff;border:none;border-radius:0;border-right:1px solid #dadce0;padding:14px 20px}.result-card:last-child{border-right:none}.result-card-label{color:#5f6368;font-size:10px;font-weight:500;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.result-card-value{color:#202124;font-size:17px;font-weight:700;line-height:1}.result-card-sub{color:#9aa0a6;font-size:10px;margin-top:4px}.ahorro-box{background:#fff;border:none;border-bottom:1px solid #dadce0;border-left:3px solid transparent;border-radius:0;margin-bottom:0;padding:16px 20px 16px 17px;transition:background .3s ease,border-left-color .3s ease}.ahorro-box--positive{background:#e6f4ea;border-bottom-color:#c8e6c9;border-left-color:#1daa61}.ahorro-label{color:#5f6368;font-size:10px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.ahorro-box--positive .ahorro-label{color:#188038}.ahorro-amount{color:#202124;font-size:26px;font-weight:700;letter-spacing:-.3px;line-height:1}.ahorro-box--positive .ahorro-amount{color:#188038}.ahorro-note{color:#5f6368;font-size:11px;margin-top:5px}.ahorro-box--positive .ahorro-note{color:#188038;opacity:.75}.metrics-grid{border-bottom:1px solid #dadce0;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:0}.metric-card{background:#fff;border:none;border-radius:0;border-right:1px solid #dadce0;padding:14px 20px;text-align:left}.metric-card:last-child{border-right:none}.metric-label{color:#5f6368;font-size:10px;font-weight:500;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.metric-value{color:#1daa61;font-size:20px;font-weight:700;line-height:1}.metric-sub{color:#9aa0a6;font-size:10px;margin-top:4px}.barra-wrapper{border-bottom:1px solid #dadce0;margin-bottom:0;padding:14px 20px}.barra-labels{display:flex;justify-content:space-between;margin-bottom:6px}.barra-label{color:#5f6368;font-size:10px}.barra-track{background:#e8eaed;border-radius:2px;height:4px;overflow:hidden}.barra-fill{background:#1daa61;border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.barra-values{display:flex;justify-content:space-between;margin-top:5px}.barra-value{color:#5f6368;font-size:10px}.cierre-box{animation:fadeIn .3s ease;background:#e6f4ea;border:none;border-bottom:1px solid #c8e6c9;border-left:3px solid #1daa61;border-radius:0;padding:14px 20px 14px 17px;text-align:center}.cierre-icon{font-size:18px;margin-bottom:6px}.cierre-title{color:#188038;font-size:13px;font-weight:600;margin-bottom:4px}.cierre-text{color:#5f6368;font-size:11px;line-height:1.6}.cierre-highlight{color:#188038;font-size:13px;font-weight:700}.results-footer{border-top:none;color:#9aa0a6;font-size:10px;letter-spacing:.5px;margin-top:0;padding:12px 20px;text-align:center}@media (max-width:768px){.container{padding:14px}.header{gap:12px;padding:12px 16px}.header-title{font-size:15px}.logo{height:34px!important}.body-grid{gap:0;grid-template-columns:1fr}.results-panel{border-radius:8px;margin-bottom:16px;order:-1;overflow:hidden;position:static}.inputs-col{order:1}.ahorro-amount{font-size:24px}.result-card-value{font-size:15px}}@media (max-width:480px){.container{padding:10px}.header{align-items:flex-start;flex-direction:column}.header-badge{box-sizing:border-box;text-align:center;width:100%}.card{padding:16px}.collapsible-btn{padding:14px 16px}.collapsible-inner{padding:0 16px 18px}.slider-label{font-size:12px}.slider-hint{font-size:10px}.slider-value{font-size:12px;padding:2px 8px}.subtotal-value{font-size:13px}.inversion-amount{font-size:18px}.ahorro-amount{font-size:20px}.metric-value{font-size:16px}}