:root{--ink: #182b3f;--ink-2: #4a5b6c;--ink-3: #7d8b99;--paper: #f3f5f7;--surface: #ffffff;--surface-2: #f8f9fb;--line: #d9dfe6;--line-2: #eaeef2;--action: #1b5a8e;--action-ink: #ffffff;--action-tint: #e7eff7;--recuperacion: #b23a2f;--recuperacion-tint: #f9ebe9;--mantenimiento: #b47a18;--mantenimiento-tint: #faf1df;--crecimiento: #1e7b4e;--crecimiento-tint: #e6f3ec;--nuevo: #4a5aa8;--nuevo-tint: #eaecf7;--neg: #b23a2f;--pos: #1e7b4e;--font: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--r: 6px;--r-lg: 10px;--sidebar: 236px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--action)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--action);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.small{font-size:.875rem}.pos{color:var(--pos)}.neg{color:var(--neg)}.right{text-align:right}.nowrap{white-space:nowrap}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px}.login-card h1{margin-bottom:4px}.login-card .brand{color:var(--ink-2);margin-bottom:24px}.login-card form{display:grid;gap:14px}.demo-note{margin-top:18px;padding:12px 14px;background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--r);font-size:.875rem;color:var(--ink-2)}.demo-note code{background:var(--line-2);padding:1px 5px;border-radius:3px}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#dbe4ee;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand-block{padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-block .name{font-weight:700;font-size:1.05rem;color:#fff}.brand-block .org{font-size:.8rem;color:#9db0c4}.modulo-switch{display:flex;margin:16px 16px 8px;background:#ffffff14;border-radius:var(--r);padding:3px}.modulo-switch button{flex:1;border:0;background:transparent;color:#b8c7d6;padding:7px 8px;border-radius:4px;font-weight:600;font-size:.875rem}.modulo-switch button.active{background:#fff;color:var(--ink)}.modulo-switch button:disabled{color:#6f8399;cursor:not-allowed}.nav{flex:1;padding:10px 12px;overflow-y:auto}.nav-group{margin:12px 0 4px 10px;font-size:.75rem;color:#8ea2b7;letter-spacing:.02em}.nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:var(--r);color:#dbe4ee;text-decoration:none;font-weight:500}.nav a:hover{background:#ffffff12}.nav a.active{background:#ffffff24;color:#fff}.nav .count{font-size:.75rem;background:var(--recuperacion);color:#fff;padding:1px 7px;border-radius:10px}.nav a.disabled{color:#7a8ea3;pointer-events:none}.nav .soon{font-size:.7rem;border:1px solid #55697e;color:#9db0c4;padding:0 6px;border-radius:9px}.user-block{padding:14px 22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem}.user-block .who{color:#fff;font-weight:600}.user-block .rol{color:#9db0c4;font-size:.8rem}.user-block button{background:transparent;border:1px solid rgba(255,255,255,.25);color:#dbe4ee;padding:5px 10px;border-radius:var(--r);font-size:.8rem}.main{min-width:0}.topbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topbar h1{font-size:1.2rem;flex:1}.periodo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.875rem}.periodo label{color:var(--ink-2)}.periodo input[type=date]{border:1px solid var(--line);border-radius:var(--r);padding:5px 8px;background:var(--surface)}.periodo .sep{color:var(--ink-3)}.periodo .preset{border:1px solid var(--line);background:var(--surface);padding:5px 10px;border-radius:var(--r);font-size:.8rem;color:var(--ink-2)}.periodo .preset:hover{border-color:var(--action);color:var(--action)}.periodo details{position:relative}.periodo summary{list-style:none;cursor:pointer;color:var(--action);font-size:.8rem}.periodo details[open] .cmp-box{position:absolute;right:0;top:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:8px;z-index:20;width:300px}.demo-badge{font-size:.75rem;background:var(--mantenimiento-tint);color:var(--mantenimiento);border:1px solid #e8d3a5;padding:2px 8px;border-radius:10px}.content{padding:24px 28px 60px;max-width:1320px}.page-intro{margin-bottom:20px;color:var(--ink-2);max-width:70ch}.section{margin-top:28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-head p{color:var(--ink-2);font-size:.9rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.kpi{padding:16px 20px;border-right:1px solid var(--line-2)}.kpi:last-child{border-right:0}.kpi .label{font-size:.8rem;color:var(--ink-2);margin-bottom:4px}.kpi .value{font-size:1.55rem;font-weight:600;letter-spacing:-.01em}.kpi .delta{font-size:.875rem;margin-top:2px}.cartera{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px}.cartera-bar{display:flex;height:44px;border-radius:var(--r);overflow:hidden;margin:14px 0 6px}.cartera-bar button{border:0;padding:0;color:#fff;font-weight:600;font-size:.875rem;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.95;transition:opacity .15s,filter .15s}.cartera-bar button:hover,.cartera-bar button.active{opacity:1;filter:brightness(1.08)}.cartera-bar button.dim{opacity:.35}.cartera-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-2);margin-top:12px}.seg{padding:14px 14px 12px;border-left:4px solid;border-right:1px solid var(--line-2);cursor:pointer;background:transparent;text-align:left}.seg:last-child{border-right:0}.seg:hover,.seg.active{background:var(--surface-2)}.seg .t{font-weight:600;display:flex;justify-content:space-between}.seg .t span:last-child{color:var(--ink-2);font-weight:400}.seg .m{font-size:1.2rem;font-weight:600;margin:4px 0 2px}.seg .d{font-size:.8rem;color:var(--ink-2);line-height:1.35}.seg.recuperacion{border-left-color:var(--recuperacion)}.seg.mantenimiento{border-left-color:var(--mantenimiento)}.seg.crecimiento{border-left-color:var(--crecimiento)}.seg.nuevo{border-left-color:var(--nuevo)}.bg-recuperacion{background:var(--recuperacion)}.bg-mantenimiento{background:var(--mantenimiento)}.bg-crecimiento{background:var(--crecimiento)}.bg-nuevo{background:var(--nuevo)}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}@media (max-width: 1000px){.two-col{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;min-width:0}.panel>table{overflow:hidden}.panel h3{margin-bottom:2px}.panel .sub{color:var(--ink-2);font-size:.85rem;margin-bottom:12px}.chart svg{width:100%;height:auto;display:block}.chart text{font-family:var(--font);font-size:11px;fill:var(--ink-2)}.chart .axis{stroke:var(--line)}.chart .grid{stroke:var(--line-2)}.legend{display:flex;gap:16px;font-size:.8rem;color:var(--ink-2);margin-top:6px;flex-wrap:wrap}.legend i{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:6px;border-radius:2px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filters input[type=search],.filters select,.filters input[type=number],.filters input[type=text]{border:1px solid var(--line);border-radius:var(--r);padding:7px 10px;background:var(--surface);min-width:160px}.filters input[type=search]{min-width:260px}.chip{border:1px solid var(--line);background:var(--surface);padding:6px 12px;border-radius:16px;font-size:.85rem;color:var(--ink-2)}.chip.active{border-color:var(--ink);color:var(--ink);background:var(--surface-2);font-weight:600}.chip.recuperacion.active{border-color:var(--recuperacion);color:var(--recuperacion);background:var(--recuperacion-tint)}.chip.mantenimiento.active{border-color:var(--mantenimiento);color:var(--mantenimiento);background:var(--mantenimiento-tint)}.chip.crecimiento.active{border-color:var(--crecimiento);color:var(--crecimiento);background:var(--crecimiento-tint)}.chip.nuevo.active{border-color:var(--nuevo);color:var(--nuevo);background:var(--nuevo-tint)}.check{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--ink-2)}.spacer{flex:1}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;font-weight:600;color:var(--ink-2);font-size:.78rem;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;position:sticky;top:0}th.right,td.right{text-align:right}td.right{white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}td:first-child{min-width:200px}tr:last-child td{border-bottom:0}tr.row-link{cursor:pointer}tr.row-link:hover td{background:var(--surface-2)}.pill{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 9px;border-radius:10px;white-space:nowrap}.pill.recuperacion{background:var(--recuperacion-tint);color:var(--recuperacion)}.pill.mantenimiento{background:var(--mantenimiento-tint);color:var(--mantenimiento)}.pill.crecimiento{background:var(--crecimiento-tint);color:var(--crecimiento)}.pill.nuevo{background:var(--nuevo-tint);color:var(--nuevo)}.pill.gris{background:var(--line-2);color:var(--ink-2)}.pill.alerta{background:var(--recuperacion);color:#fff}.pill.ok{background:var(--crecimiento-tint);color:var(--crecimiento)}.pill.warn{background:var(--mantenimiento-tint);color:var(--mantenimiento)}.var-cell{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;min-width:96px}.var-bar{width:44px;height:6px;background:var(--line-2);border-radius:3px;position:relative;overflow:hidden}.var-bar i{position:absolute;top:0;bottom:0}.var-bar i.neg{right:50%;background:var(--neg)}.var-bar i.pos{left:50%;background:var(--pos)}.table-foot{padding:10px 14px;font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line-2);display:flex;justify-content:space-between}.empty{padding:36px;text-align:center;color:var(--ink-2)}.empty b{display:block;color:var(--ink);margin-bottom:4px}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#182b3f59;z-index:30}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(860px,100vw);background:var(--paper);z-index:31;overflow-y:auto;border-left:1px solid var(--line)}.drawer-head{background:var(--surface);border-bottom:1px solid var(--line);padding:18px 26px;display:flex;gap:16px;align-items:flex-start;position:sticky;top:0;z-index:2}.drawer-head .meta{color:var(--ink-2);font-size:.875rem;margin-top:4px;display:flex;gap:14px;flex-wrap:wrap}.drawer-head .close{margin-left:auto;border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:6px 10px}.drawer-body{padding:20px 26px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.drawer .two-col{grid-template-columns:1fr 1fr}.drawer .two-col>*{min-width:0}.drawer .kpi-row{grid-template-columns:repeat(4,minmax(0,1fr))}.drawer .kpi .value{font-size:1.3rem}.drawer table td:first-child{min-width:0}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;padding:9px 14px;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.heat{display:inline-block;width:14px;height:14px;border-radius:2px;background:var(--line-2);vertical-align:middle;margin-right:2px}.form{display:grid;gap:10px}.form label{display:grid;gap:4px;font-size:.85rem;color:var(--ink-2)}.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;background:var(--surface);color:var(--ink)}.form textarea{min-height:70px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form .btn{justify-self:start}.btn{border:1px solid var(--action);background:var(--action);color:var(--action-ink);padding:8px 14px;border-radius:var(--r);font-weight:600}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:var(--surface);color:var(--action)}.btn.quiet{background:transparent;border-color:var(--line);color:var(--ink-2)}.btn.sm{padding:4px 10px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.alert-msg{padding:10px 12px;border-radius:var(--r);font-size:.875rem}.alert-msg.error{background:var(--recuperacion-tint);color:var(--recuperacion)}.alert-msg.ok{background:var(--crecimiento-tint);color:var(--crecimiento)}.hint{font-size:.8rem;color:var(--ink-3)}.actions-inline{display:flex;gap:6px;flex-wrap:wrap}.progress{height:8px;background:var(--line-2);border-radius:4px;overflow:hidden;min-width:120px}.progress i{display:block;height:100%;background:var(--crecimiento)}.progress i.warn{background:var(--mantenimiento)}.progress i.bad{background:var(--recuperacion)}.placeholder{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg);padding:40px;max-width:640px}.placeholder ul{margin:12px 0 0;padding-left:20px;color:var(--ink-2)}.loading{padding:40px;color:var(--ink-2);text-align:center}.skeleton{background:linear-gradient(90deg,var(--line-2),var(--surface-2),var(--line-2));border-radius:var(--r);min-height:120px}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav-group{display:none}.cartera-legend{grid-template-columns:1fr 1fr}.content,.topbar{padding-left:16px;padding-right:16px}}