:root{color-scheme:light;--amarillo: #ffc200;--amarillo-oscuro: #d9a400;--amarillo-suave: #fef08a;--tinta: #111827;--tinta-2: #1f2937;--fondo: #f3f6fa;--tarjeta: #ffffff;--borde: #e2e8f0;--texto: #0f172a;--apagado: #64748b;--verde: #0b8f63;--azul: #2563eb;--cabecera-tabla: #1e293b;--alerta: #b45309}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}.app{max-width:1750px;margin:0 auto;padding:16px 20px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:14px 22px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px}.marca{display:flex;align-items:center;gap:16px}.logo-cliente{height:44px;width:auto;display:block}.titulos strong{display:block;font-size:20px;font-weight:800;color:var(--tinta)}.titulos span{display:block;color:var(--apagado);font-size:12px}.topbar-der{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.estado{font-size:12px;color:var(--apagado);text-align:right}.estado strong{color:var(--tinta)}.estado .punto{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133}.estado.atrasado,.estado.atrasado strong{color:var(--alerta)}.estado.atrasado .punto{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b40}.usuario{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--apagado)}.enlace{background:none;border:none;padding:0;color:var(--azul);font-size:12px;font-weight:700;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:7px;border:1px solid var(--borde);background:#f8fafc;color:var(--tinta);font-size:12px;font-weight:700;cursor:pointer}.btn:hover{background:#eef2f7}.btn-primario{background:var(--amarillo);border-color:var(--amarillo-oscuro);color:#000}.btn-primario:hover{background:#f5b800}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,.tab:focus-visible,.seg button:focus-visible,select:focus-visible,input:focus-visible,.enlace:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:2px}.tabs{display:flex;gap:8px;margin-bottom:16px;padding-bottom:6px;border-bottom:2px solid var(--borde);overflow-x:auto}.tab{padding:10px 18px;background:transparent;border:none;border-radius:8px;color:var(--apagado);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}.tab:hover{background:#e8edf3}.tab.on{background:var(--amarillo);color:#000}.card{margin-bottom:16px;padding:18px 20px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px}.card-cab{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.card-cab h2,.panel-cab h2{margin:0;font-size:18px;font-weight:800;color:var(--tinta)}.sub{margin:3px 0 0;color:var(--apagado);font-size:13px}.acciones{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.subcab{margin:-4px 0 12px}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:#e2e8f0;border-radius:8px}.seg button{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:var(--apagado);font-size:12px;font-weight:700;cursor:pointer}.seg button.on{background:#fff;color:var(--tinta);box-shadow:0 1px 3px #0000001f}.barra-filtro{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding:10px 14px;background:#fff;border:1px solid var(--borde);border-radius:10px}.barra-filtro label{display:flex;align-items:center;gap:8px;min-width:0}.rotulo{font-size:12px;font-weight:700;color:var(--tinta)}.barra-filtro select{min-width:0;max-width:min(520px,100%);padding:6px 10px;border:1px solid var(--borde);border-radius:6px;background:#fff;font-size:12px;font-weight:700}.alcance{font-size:12px;font-weight:600;color:var(--apagado)}.funnel-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;margin-top:10px}.funnel-stage{position:relative;min-width:0;padding:0 7px;text-align:center;--etapa: #1d5fd1}.funnel-stage:not(:last-child):after{content:"›";position:absolute;z-index:2;right:-9px;top:30px;width:23px;height:36px;display:grid;place-items:center;background:#fff;color:#6c8199;font-size:38px;font-weight:700;line-height:1}.funnel-arrow{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px;color:#fff;background:var(--etapa);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,12px 50%);filter:drop-shadow(0 2px 2px #dce5ef)}.funnel-stage:first-child .funnel-arrow{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,0 50%)}.funnel-name{font-size:13px;font-weight:700;line-height:1.2}.funnel-number{margin-top:8px;font-size:26px;font-weight:800;line-height:1.05}.funnel-percent{margin-top:10px;font-size:18px;font-weight:700;color:var(--tinta)}.funnel-caption{min-height:28px;margin-top:4px;color:var(--apagado);font-size:11px}.funnel-track{height:10px;margin-top:10px;overflow:hidden;border-radius:99px;background:#edf3fa}.funnel-bar{height:100%;border-radius:99px;background:var(--etapa);transition:width .35s ease}.etapa-base{--etapa: #1d5fd1}.etapa-gestionados{--etapa: #0b7f7d}.etapa-asesor{--etapa: #0b6fa8}.etapa-contactados{--etapa: #0a7a60}.etapa-citas{--etapa: #8a6500}.etapa-recuperados{--etapa: #0a7552}.grafico{width:100%;height:280px;padding:4px 0}.tabla-caja{width:100%;max-height:520px;overflow:auto;background:#fff;border:1px solid var(--borde);border-radius:10px}.tabla{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.tabla th{position:sticky;top:0;z-index:2;padding:9px 12px;background:var(--cabecera-tabla);color:#fff;font-size:11px;font-weight:700;text-align:center}.tabla th.con-ayuda{text-decoration:underline dotted rgba(255,255,255,.55);text-underline-offset:3px;cursor:help}.tabla td{padding:8px 12px;border-bottom:1px solid #f1f5f9;text-align:center;font-variant-numeric:tabular-nums}.tabla td:first-child,.tabla th:first-child{text-align:left}.tabla tr.subtotal td{background:#e2e8f0;color:var(--tinta);font-weight:700}.tabla tr.total-general td{background:var(--amarillo-suave);color:#000;font-weight:800}.cargando{opacity:.55;transition:opacity .15s}.vacio{padding:22px;text-align:center;color:var(--apagado);font-weight:600}.vacio.error{color:#b91c1c}.resumen-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:18px;background:var(--tarjeta);border:1px solid var(--borde);border-top:4px solid var(--tinta);border-radius:14px}.panel-cobranza{border-top-color:var(--azul)}.panel-equipos{border-top-color:var(--amarillo)}.panel-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px;text-align:center;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px}.kpi-rotulo{color:var(--apagado);font-size:11px;font-weight:700;text-transform:uppercase}.kpi-valor{margin:4px 0 2px;font-size:24px;font-weight:800;color:var(--tinta);font-variant-numeric:tabular-nums}.kpi-sub{color:var(--apagado);font-size:11px}.login-fondo{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(160deg,#111827,#1f2937 60%,#2a3446)}.login-tarjeta{width:100%;max-width:380px;padding:32px 28px 24px;background:#fff;border-radius:16px;box-shadow:0 24px 60px #00000059}.login-marca{display:flex;align-items:center;gap:10px;margin-bottom:18px}.login-logo{font-size:22px;font-weight:900;letter-spacing:.04em;color:var(--tinta)}.login-chip{padding:3px 10px;border-radius:99px;background:var(--amarillo);color:#000;font-size:11px;font-weight:800}.login-tarjeta h1{margin:0;font-size:22px;color:var(--tinta)}.login-tarjeta label{display:block;margin:16px 0 6px;font-size:12px;font-weight:700;color:var(--tinta)}.login-tarjeta input{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}.login-error{margin-top:14px;padding:9px 12px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600}.btn-grande{width:100%;justify-content:center;margin-top:20px;padding:12px;font-size:15px}.login-pie{margin-top:18px;text-align:center;color:var(--apagado);font-size:11px}@media (max-width: 1150px){.resumen-cols{grid-template-columns:1fr}.funnel-list{grid-template-columns:repeat(3,1fr);row-gap:20px}.funnel-stage:nth-child(3):after{display:none}}@media (max-width: 720px){.app{padding:10px 12px 28px}.topbar{padding:12px 14px}.topbar-der{width:100%;justify-content:space-between}.logo-cliente{height:32px}.marca{gap:10px}.titulos strong{font-size:15px;white-space:nowrap}.kpis{gap:10px}.kpi-valor{font-size:20px}.card{padding:14px}.funnel-list{grid-template-columns:1fr;row-gap:12px}.funnel-stage{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:0}.funnel-stage:after{display:none!important}.funnel-arrow,.funnel-stage:first-child .funnel-arrow{grid-column:1 / -1;min-height:0;flex-direction:row;justify-content:space-between;padding:10px 14px;clip-path:none;filter:none;border-radius:8px}.funnel-number{margin-top:0;font-size:22px}.funnel-percent{margin-top:6px;font-size:16px}.funnel-caption{min-height:0;margin-top:6px;text-align:left}.funnel-track{grid-column:1 / -1;margin-top:6px}.grafico{height:240px}.barra-filtro,.barra-filtro label{width:100%}.barra-filtro label{flex-direction:column;align-items:stretch;gap:4px}.barra-filtro select{width:100%;max-width:100%}}@media (prefers-reduced-motion: reduce){.funnel-bar{transition:none}}