:root{--papel:#f6f5f2;--superficie:#fcfbf9;--superficie-2:#eceae4;--tinta:#15202c;--tinta-2:#3a4653;--sutil:#6f7882;--linea:#d8d5cd;--linea-2:#e6e3dc;--verde:#27665a;--verde-bg:#27665a12;--senal:#c07c1e;--senal-bg:#c07c1e1a;--senal-texto:#8f5c11;--mal:#9c3b30;--mal-bg:#9c3b3012;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--datos:var(--mono);--titulo-peso:400;--mayus:uppercase;--espaciado:.1em;--radio:2px;--radio-caja:0px;--boton-fondo:var(--tinta);--boton-texto:var(--papel);--boton-hover:var(--tinta-2);--subrayado:var(--verde)}*{box-sizing:border-box}html,body{background:var(--papel);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--verde);outline-offset:2px}a{color:var(--verde)}.cargando{min-height:60vh;color:var(--sutil);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--linea);border-top-color:var(--verde);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.aviso{border-radius:var(--radio);margin:0 0 12px;padding:10px 14px;font-size:13px}.aviso.error{background:var(--mal-bg);color:var(--mal)}.aviso.ok,.aviso.info{background:var(--verde-bg);color:var(--verde)}.ingreso{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.ingreso-caja{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-caja);width:100%;max-width:380px;padding:28px 24px}.logo-ingreso{width:190px;max-width:70%;height:auto;margin:6px 0 14px;display:block}.ingreso h1{font-family:var(--serif);font-weight:var(--titulo-peso);margin:0 0 4px;font-size:34px;line-height:1.05}.ingreso p{color:var(--sutil);margin:0 0 18px}.ingreso label{color:var(--tinta-2);margin:0 0 4px;font-size:12px;display:block}.ingreso input{border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);width:100%;margin-bottom:12px;padding:10px 12px}.ingreso .codigo{font-family:var(--mono);letter-spacing:.3em;text-align:center;font-size:20px}.ingreso small{color:var(--sutil);margin-top:14px;font-size:12px;display:block}.btn{border:1px solid var(--linea);background:var(--superficie);border-radius:var(--radio);cursor:pointer;padding:7px 14px;font-size:13px}.btn:hover{border-color:var(--tinta-2)}.btn:disabled{opacity:.5;cursor:default}.btn.prim{background:var(--boton-fondo);border-color:var(--boton-fondo);color:var(--boton-texto);font-weight:600}.btn.prim:hover{background:var(--boton-hover);border-color:var(--boton-hover)}.btn.ancho{width:100%;padding:10px 14px}.btn.enlace{color:var(--verde);background:0 0;border:none;padding:4px 0}.top{background:var(--tinta);color:var(--papel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex}.cliente{font-family:var(--serif);font-weight:var(--titulo-peso);font-size:26px;line-height:1.05}.logo-cliente{width:auto;height:30px;margin:2px 0 4px;display:block}.top-sub{font-family:var(--mono);letter-spacing:var(--espaciado);text-transform:var(--mayus);color:#9aa6b1;font-size:10.5px}.top-der{color:#c9d1d8;flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.top-der select{color:var(--papel);background:#22303d;border:1px solid #3a4653;border-radius:3px;max-width:260px;padding:4px 6px;font-size:12px}.btn-top{color:var(--papel);cursor:pointer;background:0 0;border:1px solid #3a4653;border-radius:3px;padding:5px 12px;font-size:12.5px}.btn-top:hover{border-color:var(--papel)}.chip-demo{font-family:var(--mono);letter-spacing:.06em;color:#c9d1d8;border:1px solid #3a4653;border-radius:2px;padding:3px 9px;font-size:10.5px}.pestanas{background:var(--superficie);border-bottom:1px solid var(--linea);z-index:10;gap:2px;padding:0 16px;display:flex;position:sticky;top:0;overflow-x:auto}.pestana{cursor:pointer;color:var(--tinta-2);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px 11px}.pestana.activa{color:var(--tinta);border-bottom-color:var(--subrayado);font-weight:600}.contenido{max-width:1280px;margin:0 auto;padding:20px 24px 48px}@media (width<=640px){.top{padding:10px 16px}.contenido{padding:16px 16px 40px}}.titulo{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.titulo h2{font-family:var(--serif);font-weight:var(--titulo-peso);margin:0;font-size:28px}.titulo .sub{color:var(--sutil);font-size:13px}.etiqueta{font-family:var(--mono);letter-spacing:var(--espaciado);text-transform:var(--mayus);color:var(--sutil);font-size:10.5px}.filtros{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filtros input[type=search]{border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie);min-width:220px;padding:7px 10px}.seg{border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie);display:inline-flex;overflow:hidden}.seg button{cursor:pointer;border:none;border-right:1px solid var(--linea-2);background:0 0;padding:6px 12px;font-size:13px}.seg button:last-child{border-right:none}.seg button.activo{background:var(--verde-bg);color:var(--verde);font-weight:600}.diseno-casos{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=1000px){.diseno-casos.con-ficha{grid-template-columns:minmax(0,1fr) 440px}}.tabla{border-collapse:separate;border-spacing:0;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-caja);width:100%;overflow:hidden}.tabla th{text-align:left;font-family:var(--mono);letter-spacing:var(--espaciado);text-transform:var(--mayus);color:var(--sutil);border-bottom:1px solid var(--linea);background:var(--superficie-2);padding:9px 12px;font-size:10.5px;font-weight:500}.tabla td{border-bottom:1px solid var(--linea-2);vertical-align:top;padding:10px 12px}.tabla tr:last-child td{border-bottom:none}.tabla tbody tr{cursor:pointer}.tabla tbody tr:hover{background:var(--papel)}.tabla tbody tr.sel{background:var(--verde-bg)}.tabla .nombre{font-weight:600}.tabla .tel{color:var(--sutil);font-size:12px;font-family:var(--mono)}.envoltura-tabla{overflow-x:auto}@media (width<=720px){.col-opc{display:none}}.chip{border-radius:var(--radio);background:var(--superficie-2);color:var(--tinta-2);white-space:nowrap;padding:1px 8px;font-size:11.5px;display:inline-block}.chip.Crédito{background:var(--verde-bg);color:var(--verde)}.chip.Cierre{background:var(--tinta);color:var(--papel)}.chip.Salida{background:var(--mal-bg);color:var(--mal)}.chip.codigo{font-family:var(--mono);font-size:10.5px}.bandeja-area{color:var(--verde);font-weight:600}.atrasado{color:var(--mal)}.vacio{text-align:center;color:var(--sutil);background:var(--superficie);border:1px dashed var(--linea);border-radius:var(--radio-caja);padding:36px 16px}.ficha{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-caja);align-self:start;max-height:calc(100vh - 72px);padding:18px;position:sticky;top:56px;overflow-y:auto}@media (width<=999px){.ficha{max-height:none;position:static}}.ficha h3{font-family:var(--serif);font-weight:var(--titulo-peso);margin:0;font-size:26px;line-height:1.1}.ficha .cerrar{float:right}.ficha .datos{grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0;font-size:13px;display:grid}.ficha .datos dt{color:var(--sutil)}.ficha .datos dd{margin:0}.ficha section{border-top:1px solid var(--linea-2);margin-top:14px;padding-top:12px}.ficha label{color:var(--tinta-2);margin:8px 0 3px;font-size:12px;display:block}.ficha select,.ficha input,.ficha textarea{border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);width:100%;padding:7px 9px}.ficha textarea{resize:vertical;min-height:64px}.acciones{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.linea-tiempo{margin:8px 0 0;padding:0;list-style:none}.linea-tiempo li{padding:0 0 12px 16px;font-size:13px;position:relative}.linea-tiempo li:before{content:"";background:var(--linea);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:0}.linea-tiempo li.etapa:before{background:var(--verde)}.linea-tiempo li.asignacion:before{background:var(--tinta-2)}.linea-tiempo .cuando{color:var(--sutil);font-size:11.5px;font-family:var(--mono)}.cifras{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:18px;display:grid}.cifra{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-caja);padding:12px 14px}.cifra .v{font-family:var(--datos);font-weight:var(--titulo-peso);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.15}.cifra .n{color:var(--tinta-2);font-size:12.5px}.cifra .d{color:var(--sutil);font-size:11.5px}.cifra.acento{border-color:var(--senal);background:var(--senal-bg)}.cifra.acento .v{color:var(--senal-texto)}.dos-col{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.dos-col{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.caja{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-caja);padding:14px 16px}.caja h4{font-size:14px;font-family:var(--serif);margin:0 0 10px;font-weight:600}.barra{grid-template-columns:170px 1fr 40px;align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;display:grid}.barra .riel{background:var(--superficie-2);height:8px;overflow:hidden}.barra .relleno{background:var(--verde);height:100%}.barra .num{text-align:right;font-family:var(--mono);font-size:12px}.marco-bandeja{border:1px solid var(--linea);border-radius:var(--radio-caja);background:var(--superficie);width:100%;height:calc(100vh - 150px);min-height:520px}.formulario{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px;display:grid}.formulario label{color:var(--tinta-2);margin-bottom:3px;font-size:12px;display:block}.formulario input,.formulario select{border:1px solid var(--linea);border-radius:var(--radio);background:var(--papel);width:100%;padding:7px 9px}.checks{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.checks label{color:var(--tinta);align-items:center;gap:6px;font-size:13px;display:inline-flex}.inactivo td{color:var(--sutil)}@media (width<=640px){.tabla thead{display:none}.tabla,.tabla tbody,.tabla tr,.tabla td{width:100%;display:block}.tabla tr{border-bottom:1px solid var(--linea-2);padding:8px 0}.tabla tr:last-child{border-bottom:none}.tabla td{border:none;padding:2px 14px}.filtros input[type=search]{flex:100%;min-width:0}.top-der select{max-width:100%}}.alerta-texto{color:var(--senal-texto);font-weight:600}.tabla tr.por-responder td:first-child{box-shadow:inset 3px 0 0 var(--senal)}.escribio{color:var(--senal-texto);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:46ch;margin-top:4px;font-size:12.5px;display:-webkit-box;overflow:hidden}.alerta-chat{border-left:3px solid var(--senal);background:var(--senal-bg);border-radius:0 var(--radio) var(--radio) 0;margin:14px 0 4px;padding:12px 14px}.alerta-chat p{margin:6px 0 0;font-size:13.5px}.alerta-chat .pista{color:var(--sutil);font-size:12px}.firma-meron{font-family:var(--mono);letter-spacing:.06em;color:var(--sutil);text-align:center;padding:24px 16px 32px;font-size:11px}.tabla th.num,.tabla td.num{text-align:right}.tabla td.num{font-family:var(--datos);font-variant-numeric:tabular-nums;font-size:13px}.nota-tablero{color:var(--verde);margin:10px 0 0;font-size:13px}