:root{color-scheme:light;--nc-bg:#f5f5f7;--nc-card:#fff;--nc-line:#e5e5e7;--nc-text:#1d1d1f;--nc-muted:#6e6e73;--nc-accent:#0071e3;--nc-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;scrollbar-color:#b8b8bd #f5f5f7}
*{box-sizing:border-box}html{min-height:0;overflow-x:hidden}body{min-height:0!important;margin:0!important;background:var(--nc-bg)!important;color:var(--nc-text)!important;font-family:var(--nc-font)!important;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--nc-font);text-wrap:balance;letter-spacing:-.025em}h1{font-weight:650!important;line-height:1.22!important}h2{font-size:19px!important;font-weight:650!important;line-height:1.35!important}h3{line-height:1.5!important}button,input{font:inherit}button{min-width:44px;min-height:44px;touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--nc-accent);outline-offset:4px}input[type=range]{min-height:44px;height:44px!important;accent-color:var(--nc-accent)!important;cursor:pointer;background:transparent!important}input[type=range]:focus-visible{border-radius:8px}canvas{max-width:100%}svg.lucide{flex-shrink:0}main>section,main>div,.grid>*,.flex>*{min-width:0}.max-w-7xl{max-width:1420px!important}.text-xs,.text-\[10px\],.text-\[11px\]{font-size:12px!important;line-height:1.65!important}.text-sm{font-size:14px!important;line-height:1.65}
.text-white,.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-200{color:var(--nc-text)!important}.text-slate-300,.text-slate-400,.text-slate-500,.text-slate-600{color:var(--nc-muted)!important}.text-emerald-300,.text-emerald-400,.text-emerald-500,.text-emerald-600,.text-emerald-700,.text-emerald-800,.text-emerald-900{color:#13764a!important}.text-blue-300,.text-blue-400,.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800{color:#0066cc!important}.text-amber-300,.text-amber-600,.text-amber-800,.text-amber-900{color:#825700!important}.text-rose-300,.text-red-300,.text-red-500,.text-red-600,.text-red-700,.text-red-800,.text-red-900{color:#b42335!important}.border-slate-100,.border-slate-200,.border-slate-700,.border-slate-800,[class~="border-slate-700/60"]{border-color:var(--nc-line)!important}.bg-slate-50,.bg-slate-100,.bg-slate-200,.bg-slate-800,.bg-slate-900,[class~="bg-slate-900/80"],[class~="bg-slate-900/90"]{background:#f5f5f7!important}[class~="bg-emerald-500/20"],.bg-emerald-50,.bg-emerald-100,[class~="bg-emerald-950/30"]{background:#edf7f0!important}[class~="bg-amber-500/20"],.bg-amber-50{background:#fff7e5!important}[class~="bg-rose-500/20"],.bg-red-50{background:#fff0f1!important}[class~="bg-blue-500/20"],.bg-blue-50{background:#edf4ff!important}
.glass-card,.card-shadow{border:1px solid var(--nc-line)!important;border-radius:24px!important;background:var(--nc-card)!important;backdrop-filter:none!important;box-shadow:0 4px 20px -12px #1d1d1f12!important}.glass-card.p-5,.glass-card.p-6,.card-shadow.p-5{padding:28px!important}.space-y-8>:not([hidden])~:not([hidden]),.space-y-6>:not([hidden])~:not([hidden]){margin-top:24px!important}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border:1px solid var(--nc-line);border-radius:16px;background:white}.table-scroll:focus-visible{outline-offset:-3px}.table-scroll table{min-width:720px}.table-scroll-hint{display:none;margin:10px 0 0;color:var(--nc-muted);font-size:12px}table{font-variant-numeric:tabular-nums}table td,table th{padding:16px!important;font-size:12px!important;line-height:1.65}th{font-weight:600!important;text-transform:none!important;letter-spacing:0!important;vertical-align:top;background:#f5f5f7!important;color:#515156!important}td{color:var(--nc-text)}tbody tr{border-color:var(--nc-line)!important}tbody tr:hover{background:#fafafc!important}
/* Presentación de análisis; los documentos y sus modelos permanecen intactos. */
body[data-view=analisis]{padding:20px clamp(16px,3vw,40px) 48px!important}body[data-view=analisis]>header{margin-bottom:24px!important}body[data-view=analisis]>header>.glass-card{padding:32px!important;gap:28px!important;align-items:center}body[data-view=analisis] h1{margin-top:16px!important;font-size:clamp(24px,2.6vw,34px)!important;background:none!important;color:var(--nc-text)!important;-webkit-text-fill-color:var(--nc-text)}body[data-view=analisis] header p{margin-top:12px!important;max-width:75ch;color:var(--nc-muted)!important;font-size:14px!important;line-height:1.65}body[data-view=analisis] header [class*="rounded-full"]{padding:6px 11px!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}body[data-view=analisis] header>div>div:last-child{align-items:stretch}body[data-view=analisis] .tab-btn{min-height:44px;padding:11px 16px!important;border:1px solid #dedee3;border-radius:14px!important;background:#f5f5f7!important;color:#515156!important;font-size:12px!important;font-weight:500!important;white-space:normal;text-align:left;box-shadow:none!important}body[data-view=analisis] .tab-btn:hover{background:#eaeaf0!important}body[data-view=analisis] .tab-btn.active{border-color:var(--nc-accent);background:var(--nc-accent)!important;color:white!important;font-weight:600!important}body[data-view=analisis] main{padding:0!important}body[data-view=analisis] main>section:first-child>.glass-card{padding:24px!important}body[data-view=analisis] main>section:first-child .flex.items-center{flex-wrap:wrap;gap:9px}body[data-view=analisis] main>section:first-child .uppercase{font-size:12px!important;letter-spacing:.015em;font-weight:500}body[data-view=analisis] main>section:first-child .flex.items-baseline{flex-wrap:wrap;gap:8px}body[data-view=analisis] .text-3xl{font-family:var(--nc-font);font-size:clamp(30px,2.7vw,39px);font-weight:650!important;letter-spacing:-.045em;line-height:1.2}body[data-view=analisis] .glass-card>.mt-3.border-t{padding-top:16px!important;margin-top:18px!important}body[data-view=analisis] .glass-card>.mt-3.border-t>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;margin-top:7px}body[data-view=analisis] .glass-card>.mt-3.border-t>div>span:last-child{text-align:right}body[data-view=analisis] .h-80{height:345px!important}body[data-view=analisis] .h-60{height:300px!important}body[data-view=analisis] .h-72{height:310px!important}body[data-view=analisis] #party-insight{margin-top:20px;padding:18px;border:1px solid var(--nc-line);border-radius:16px;background:#f5f5f7!important;color:var(--nc-muted)!important;line-height:1.75}body[data-view=analisis] .glass-card>.flex>div.flex{flex-wrap:wrap;gap:4px;border-radius:14px;padding:4px}body[data-view=analisis] [id^=yr-]{min-height:44px;padding:9px 12px!important;border-radius:10px;font-size:12px!important;color:#515156!important}body[data-view=analisis] [id^=yr-]:hover{color:var(--nc-text)!important;background:#e8e8ed}body[data-view=analisis] [id^=yr-][aria-pressed=true]{color:white!important;background:var(--nc-accent)!important}body[data-view=analisis] .glass-card .space-y-4>div{margin-top:22px}body[data-view=analisis] .space-y-4>div>.flex.justify-between.mb-1{flex-wrap:wrap;gap:8px}body[data-view=analisis] [id^=lbl-sim-]{font-size:13px!important;white-space:normal;font-variant-numeric:tabular-nums}body[data-view=analisis] input[type=range]+div{flex-wrap:wrap;gap:6px 12px;font-size:12px!important;line-height:1.6}body[data-view=analisis] .grid.grid-cols-3.gap-3{gap:10px}body[data-view=analisis] .grid.grid-cols-3.gap-3>div{padding:18px 12px;border-radius:16px}body[data-view=analisis] [id^=sim-out-]{font-variant-numeric:tabular-nums}body[data-view=analisis] .glass-card:has(table){overflow:visible!important}body[data-view=analisis] table{min-width:1060px}body[data-view=analisis] table .font-bold{font-weight:600}
/* El simulador financiero comparte las superficies y la jerarquía visual. */
body[data-view=ahorro]{padding:0 0 48px!important}body[data-view=ahorro]>header{position:static!important;border:0!important;box-shadow:none!important;background:var(--nc-bg)!important;color:var(--nc-text)!important}body[data-view=ahorro]>header>div{padding:28px clamp(16px,3vw,40px)!important;gap:22px}body[data-view=ahorro]>header h1{font-size:clamp(24px,2.3vw,31px)!important;max-width:52ch}body[data-view=ahorro]>header p{margin-top:10px!important;font-size:13px!important;line-height:1.65}body[data-view=ahorro]>header>div>div:first-child{align-items:flex-start;gap:16px}body[data-view=ahorro]>header>div>div:first-child>div:first-child{padding:12px;border-radius:16px;background:#e7f0fc!important;color:var(--nc-accent)!important;box-shadow:none}body[data-view=ahorro]>header>div>div:last-child{flex-wrap:wrap;gap:12px}body[data-view=ahorro]>header>div>div:last-child>div{padding:10px 14px;border:1px solid var(--nc-line);border-radius:12px;background:white!important;color:var(--nc-muted)!important;font-size:12px}body[data-view=ahorro]>header button{min-height:44px;padding:11px 16px!important;border:0;border-radius:22px!important;background:var(--nc-accent)!important;color:white!important;font-size:12px;font-weight:500;white-space:nowrap}body[data-view=ahorro] main{padding:0 clamp(16px,3vw,40px)!important}body[data-view=ahorro] main>div:first-child{align-items:stretch}body[data-view=ahorro] main>div:first-child>.card-shadow{padding:25px!important}body[data-view=ahorro] main>div:first-child .uppercase{font-size:12px!important;letter-spacing:.015em;font-weight:500}body[data-view=ahorro] main>div:first-child .flex.items-baseline{flex-wrap:wrap;gap:6px 12px}body[data-view=ahorro] main>div:first-child>.card-shadow:nth-child(2)>.flex{flex-wrap:wrap;gap:16px}body[data-view=ahorro] #lblAhorroTotal,body[data-view=ahorro] #lblRoi{margin-block:12px 5px;font-family:var(--nc-font);font-size:clamp(30px,2.6vw,38px);font-weight:650!important;letter-spacing:-.045em;line-height:1.2}body[data-view=ahorro] #lblCostoSistema{font-size:24px;letter-spacing:-.03em}body[data-view=ahorro] #lblCostoTradicional{font-size:17px}body[data-view=ahorro] #lblCpvSistema{font-size:31px;letter-spacing:-.035em}body[data-view=ahorro] #barEficiencia{background:var(--nc-accent)!important}body[data-view=ahorro] main>div.grid.items-start>div:first-child>.space-y-1{padding-bottom:18px;border-bottom:1px solid var(--nc-line)}body[data-view=ahorro] main>div.grid.items-start>div:first-child>.space-y-1>.flex{flex-wrap:wrap;gap:8px 12px}body[data-view=ahorro] main>div.grid.items-start>div:first-child>.space-y-1>.flex:last-child{font-size:12px!important}body[data-view=ahorro] main>div.grid.items-start>div:first-child>.space-y-1>.flex:first-child>span{font-size:13px;white-space:nowrap}body[data-view=ahorro] .bg-amber-50,body[data-view=ahorro] .bg-red-50,body[data-view=ahorro] .bg-emerald-50,body[data-view=ahorro] .bg-blue-50{border-radius:16px;border-color:transparent!important}body[data-view=ahorro] .grid.grid-cols-2.gap-2{gap:12px}body[data-view=ahorro] .grid.grid-cols-2.gap-2>div{padding:15px}body[data-view=ahorro] main>div.grid.items-start>div:last-child>.border{overflow:visible!important;border:0!important;box-shadow:none!important}body[data-view=ahorro] td.flex{display:table-cell!important}body[data-view=ahorro] td.flex svg{display:inline-block;vertical-align:middle;margin-right:3px}body[data-view=ahorro] tr.bg-slate-900{background:#edf4ff!important}body[data-view=ahorro] .grid.grid-cols-1.md\:grid-cols-3>div{padding:24px!important;border-radius:22px!important}body[data-view=ahorro] .grid.grid-cols-1.md\:grid-cols-3 h3{font-size:15px!important;margin-bottom:7px}body[data-view=ahorro] .grid.grid-cols-1.md\:grid-cols-3 p{font-size:13px!important;line-height:1.7}
@media(min-width:1200px){body[data-view=analisis]>header>.glass-card>div:first-child{flex:1 1 65%}body[data-view=analisis]>header>.glass-card>div:last-child{flex:1 1 35%;max-width:275px;flex-direction:column}body[data-view=ahorro] main>div.grid.items-start{grid-template-columns:repeat(12,minmax(0,1fr))}body[data-view=ahorro] main>div.grid.items-start>div:first-child{grid-column:span 4/span 4}body[data-view=ahorro] main>div.grid.items-start>div:last-child{grid-column:span 8/span 8}}
@media(max-width:1199px){body[data-view=analisis]>header>.glass-card{flex-direction:column;align-items:stretch}body[data-view=analisis]>header>.glass-card>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view=analisis] main>section:first-child,body[data-view=ahorro] main>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view=analisis] main>section:not(:first-child),body[data-view=ahorro] main>div.grid.items-start{grid-template-columns:minmax(0,1fr)}body[data-view=analisis] main>section:not(:first-child)>*,body[data-view=ahorro] main>div.grid.items-start>*{grid-column:auto}}
@media(max-width:700px){body[data-view=analisis]{padding:16px 16px 32px!important}body[data-view=analisis]>header>.glass-card{padding:24px 20px!important;gap:24px!important}body[data-view=analisis] h1{font-size:26px!important}body[data-view=analisis] header p{font-size:13px!important}body[data-view=analisis]>header>.glass-card>div:last-child{grid-template-columns:minmax(0,1fr);gap:8px}body[data-view=analisis] .tab-btn{padding:12px 16px!important;text-align:center}body[data-view=analisis] main>section:first-child,body[data-view=ahorro] main>div:first-child{grid-template-columns:minmax(0,1fr)!important;gap:16px}body[data-view=analisis] .glass-card.p-5,body[data-view=analisis] .glass-card.p-6,body[data-view=ahorro] .card-shadow.p-5{padding:24px 20px!important}body[data-view=analisis] main>section:first-child>.glass-card{padding:24px 20px!important}body[data-view=analisis] .text-3xl{font-size:36px!important}body[data-view=analisis] .glass-card>.mt-3.border-t>div{gap:3px 10px}body[data-view=analisis] .h-80{height:325px!important}body[data-view=analisis] .h-60{height:300px!important}body[data-view=analisis] .h-72{height:300px!important}body[data-view=analisis] .grid.grid-cols-3.gap-3{grid-template-columns:minmax(0,1fr);gap:10px}body[data-view=analisis] .grid.grid-cols-3.gap-3>div{padding:17px}body[data-view=analisis] .grid.grid-cols-3.gap-3>div>.text-lg{font-size:23px}body[data-view=ahorro]{padding-bottom:32px!important}body[data-view=ahorro]>header>div{padding:20px 16px 24px!important;gap:18px}body[data-view=ahorro]>header>div>div:first-child{gap:12px}body[data-view=ahorro]>header>div>div:first-child>div:first-child{padding:10px;border-radius:14px}body[data-view=ahorro]>header>div>div:first-child>div:first-child svg{width:20px;height:20px}body[data-view=ahorro]>header h1{font-size:23px!important}body[data-view=ahorro]>header>div>div:last-child{width:100%}body[data-view=ahorro]>header>div>div:last-child>div{flex:1 1 100%}body[data-view=ahorro] main{padding:0 16px!important}body[data-view=ahorro] main>div:first-child>.card-shadow{padding:24px 20px!important}body[data-view=ahorro] #lblAhorroTotal,body[data-view=ahorro] #lblRoi{font-size:36px!important}body[data-view=ahorro] #lblCostoSistema{font-size:25px}body[data-view=ahorro] #lblCostoTradicional{font-size:18px}body[data-view=ahorro] main>div:first-child>.card-shadow:nth-child(2) .text-right{text-align:left}body[data-view=ahorro] .grid.grid-cols-2.gap-2{grid-template-columns:minmax(0,1fr)}body[data-view=ahorro] .grid.grid-cols-1.md\:grid-cols-3{gap:16px}body[data-view=ahorro] .grid.grid-cols-1.md\:grid-cols-3>div{padding:24px 20px!important}h2{font-size:19px!important}.table-scroll-hint{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{body,body[data-view=analisis],body[data-view=ahorro]{padding:0!important;background:white!important;color:#1d1d1f!important}.glass-card,.card-shadow{background:white!important;border:1px solid #d2d2d7!important;box-shadow:none!important;break-inside:avoid}[class*="text-"],body[data-view=ahorro]>header>div>div:last-child>div{color:#333336!important}[class*="bg-"],th,body[data-view=ahorro] tr.bg-slate-900{background:white!important}body[data-view=analisis] h1{color:#1d1d1f!important;-webkit-text-fill-color:#1d1d1f!important}body[data-view=analisis]>.max-w-7xl{max-width:none!important}header{position:static!important}.table-scroll{overflow:visible!important}.table-scroll table,body[data-view=analisis] table{min-width:0!important;table-layout:fixed}table td,table th{font-size:8px!important;padding:6px!important;overflow-wrap:anywhere}.table-scroll-hint{display:none!important}.grid{grid-template-columns:minmax(0,1fr)!important}.grid>*{grid-column:auto!important}canvas{max-height:260px!important}button{border-color:#d2d2d7!important}}