:root{--bg:#fbfaf7;--panel:#fff;--panel-2:#f7f5f0;--hover:#f7f5f0;--lateral:#f2efe8;--texto:#14161a;--texto-2:#3a3d44;--suave:#6e6a63;--lateral-texto:#43403a;--linea:#e6e1d6;--linea-fuerte:#d6cfc0;--oro:#c9a227;--acento:#8a6b21;--acento-cl:#f5efe0;--verde:#2f6b4f;--verde-bg:#eaf1ec;--amar:#a8542b;--amar-bg:#f7ede7;--rojo:#9e3b3b;--rojo-bg:#f7eaea;--azul:#3a5a7a;--azul-bg:#ebeff4;--rosa-cl:#f3eee6;--r:2px;--r-sm:2px;--sombra:none;--sombra-sm:none;--f-titulo:"Newsreader",Georgia,"Times New Roman",serif;--f-texto:"Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f-texto);background:var(--bg);color:var(--texto);-webkit-font-smoothing:antialiased}a{color:inherit}.layout{grid-template-columns:246px 1fr;min-height:100vh;display:grid}.main{background:var(--bg);min-height:100vh}.content{max-width:1080px;padding:30px 34px 64px}.side{background:var(--lateral);border-right:1px solid var(--linea);color:var(--texto);flex-direction:column;gap:1px;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--linea);align-items:center;gap:11px;margin-bottom:14px;padding:0 8px 18px;display:flex}.brand .dot{border-radius:var(--r);border:1px solid var(--acento);width:34px;height:34px;color:var(--acento);font-family:var(--f-titulo);background:0 0;flex:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:500;display:flex}.brand b{font-family:var(--f-titulo);letter-spacing:0;font-size:1.02rem;font-weight:500;display:block}.brand small{letter-spacing:.13em;white-space:nowrap;color:var(--suave);text-transform:uppercase;margin-top:3px;font-size:.47rem;font-weight:600;display:block}.nav-item{border-radius:var(--r);color:var(--lateral-texto);align-items:center;gap:11px;margin-bottom:1px;padding:8px 10px;font-size:.82rem;font-weight:500;line-height:1;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.nav-item:hover{color:var(--texto);background:#14161a09}.nav-item .ic{opacity:.95;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.nav-item.active{background:var(--panel);color:var(--texto);box-shadow:inset 0 0 0 1px var(--linea);font-weight:600}.nav-item.active .ic{color:var(--acento);opacity:1}.nav-item.active:before{content:"";background:var(--acento);width:2px;height:60%;position:absolute;top:20%;left:-14px}.nav-grupo{letter-spacing:.15em;text-transform:uppercase;color:var(--suave);margin:16px 0 6px;padding:0 10px;font-size:.55rem;font-weight:600}.side nav>div:first-child .nav-grupo{margin-top:2px}.promo{border-top:1px solid var(--linea);color:var(--texto-2);margin-top:auto;padding-top:16px;font-size:.72rem;font-weight:600;line-height:1.5}.promo span{color:var(--suave);margin-top:3px;font-weight:400;display:block}.promo a{text-decoration:none}.promo .saldo{color:var(--acento);font-weight:600}h1{font-family:var(--f-titulo);letter-spacing:0;margin-bottom:5px;font-size:1.95rem;font-weight:500;line-height:1.15}.lead{color:var(--suave);border-bottom:1px solid var(--linea);margin-bottom:24px;padding-bottom:16px;font-size:.88rem;position:relative}.lead:after{content:"";background:var(--acento);width:48px;height:2px;position:absolute;bottom:-1px;left:0}.sin-titulo>h1,.sin-titulo>.lead{display:none}.card{background:var(--panel);border:1px solid var(--linea);border-radius:var(--r);box-shadow:none;padding:19px 20px 21px}.card>b{font-family:var(--f-titulo);letter-spacing:0;margin-bottom:2px;font-size:1.15rem;font-weight:500;display:block}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi{padding:16px 17px 18px}.kpi .lbl{color:var(--suave);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:600}.kpi .val{font-family:var(--f-titulo);letter-spacing:0;margin-top:9px;font-size:2.05rem;font-weight:500;line-height:1}.tiles{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tile{background:var(--panel);border:1px solid var(--linea);border-radius:var(--r);padding:19px 20px;text-decoration:none;transition:border-color .15s;display:block}.tile:hover{border-color:var(--linea-fuerte)}.tile b{font-family:var(--f-titulo);margin-bottom:3px;font-size:1.05rem;font-weight:500;display:block}.tile span{color:var(--suave);font-size:.82rem}label{letter-spacing:.01em;margin-top:15px;font-size:.78rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--linea-fuerte);border-radius:var(--r);background:var(--panel);width:100%;color:var(--texto);outline:none;margin-top:6px;padding:9px 12px;font-family:inherit;font-size:.88rem}input:focus,select:focus,textarea:focus{border-color:var(--acento);box-shadow:0 0 0 2px #8a6b2124}.row{flex-wrap:wrap;gap:8px;display:flex}.selw{width:auto;display:inline-block}.btn{background:var(--texto);color:#fff;border:1px solid var(--texto);border-radius:var(--r);cursor:pointer;width:auto;box-shadow:none;padding:9px 20px;font-family:inherit;font-size:.82rem;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-block}.btn:hover{color:var(--oro)}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{color:var(--texto);border:1px solid var(--linea-fuerte);background:0 0;font-weight:500}.btn-ghost:hover{color:var(--acento);border-color:var(--acento);background:0 0}table{border-collapse:collapse;width:100%;font-size:.84rem}th{text-align:left;color:var(--suave);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--linea);padding:0 12px 9px;font-size:.62rem;font-weight:600}td{border-bottom:1px solid var(--linea);padding:11px 12px}tbody tr:hover td{background:var(--hover)}.pill{border:1px solid var(--linea-fuerte);color:var(--suave);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:99px;width:5px;height:5px}.pill.act{color:var(--verde);background:0 0;border-color:#2f6b4f57}.pill.inact{color:var(--rojo);background:0 0;border-color:#9e3b3b57}.pill.cumple{color:var(--acento);background:0 0;border-color:#8a6b2166}.pill.lead{color:var(--azul);background:0 0;border-color:#3a5a7a57}.pill.riesgo{color:var(--amar);background:0 0;border-color:#a8542b57}.ok{color:var(--verde);font-weight:600}.err{color:var(--rojo);font-weight:600}.muted{color:var(--suave)}.bar-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.bar-row .nm{width:120px;color:var(--suave);font-size:.78rem}.bar{background:var(--linea);border-radius:0;flex:1;height:4px;overflow:hidden}.bar i{background:var(--texto);height:100%;display:block}.chatbox{background:var(--panel-2);border:1px solid var(--linea);border-radius:var(--r);flex-direction:column;gap:8px;min-height:300px;margin:14px 0;padding:16px;display:flex}.msg{border-radius:var(--r);white-space:pre-wrap;max-width:78%;padding:9px 13px;font-size:.85rem;line-height:1.5}.msg.in{background:var(--texto);color:#fff;align-self:flex-end}.msg.out{background:var(--panel);border:1px solid var(--linea);align-self:flex-start}@media (max-width:820px){.layout{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center;height:auto;position:static}.promo{display:none}.kpis,.tiles,.grid2,.grid3{grid-template-columns:1fr}.content{padding:20px 18px 48px}}@media (max-width:560px){input,select,textarea{padding:11px 12px;font-size:16px}.card{overflow-x:auto}table{font-size:.92rem}th{padding:0 10px 9px;font-size:.66rem}td{white-space:nowrap;padding:12px 10px}td:first-child{white-space:normal;min-width:130px}.side{flex-wrap:nowrap;gap:4px;padding:10px 12px;overflow-x:auto}.side nav,.side nav>div{gap:4px;display:flex}.nav-grupo{display:none}.nav-item{white-space:nowrap;padding:9px 13px}.content{padding:16px 14px 44px}h1{font-size:1.5rem}.lead{font-size:.9rem}.kpi .val{font-size:1.65rem}.card{padding:16px 15px}.btn{padding:11px 18px;font-size:.86rem}}@media print{@page{margin:16mm 14mm}html,body{background:#fff}.side,.no-imprimir,.promo,button,.btn{display:none!important}.layout{display:block}.content{max-width:none;padding:0}.card{box-shadow:none;break-inside:avoid;page-break-inside:avoid;border:1px solid #ddd8cc}.kpis,.grid2,.grid3{grid-template-columns:1fr 1fr;gap:12px;display:grid}h1{font-size:1.5rem}.lead{border-bottom:1px solid #ddd8cc}a{color:inherit;text-decoration:none}a[href]:after{content:""!important}}
