.dir-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.dir-kpi{border:1px solid #ccd7ed;border-left:4px solid #16388e;border-radius:12px;background:white;text-align:left;padding:16px;cursor:pointer;color:#16388e}.dir-kpi small,.dir-kpi strong{display:block}.dir-kpi strong{font-size:1.5rem;margin-top:8px}.dir-filtros{display:flex;flex-wrap:wrap;align-items:end;gap:16px;background:white;padding:18px;border-radius:12px;margin:16px 0}.dir-filtros label{display:flex;flex-direction:column;gap:6px}.dir-filtros input,.dir-filtros select{padding:9px;border:1px solid #ccd7ed;border-radius:6px}.dir-nota{background:#fff7dd;padding:14px;border-radius:8px;line-height:1.6}.dir-graficas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.dir-graficas section{background:white;border-radius:12px;padding:20px}.dir-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.dir-bar meter{width:100%}.dir-bar small{grid-column:1/-1}.dir-perdida{color:#b00020;font-weight:bold}.dir-empresa{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;background:white;padding:24px;border-radius:12px}.dir-empresa label{display:flex;flex-direction:column;gap:7px}.dir-empresa input{padding:10px;border:1px solid #ccd7ed;border-radius:6px}.csa-soporte{position:fixed;right:24px;bottom:24px;z-index:50}.dir-soporte{padding:24px;border:1px solid #ccd7ed;border-radius:12px;background:white}
.dir-kpis:first-child .dir-kpi:nth-child(1){background:#eef3ff;border-color:#b5c9f5;color:#143b82}
.dir-kpis:first-child .dir-kpi:nth-child(2){background:#e8f7ef;border-color:#9ed5b7;color:#12603d}
.dir-kpis:first-child .dir-kpi:nth-child(3){background:#ffeded;border-color:#efaaaa;color:#a6212f}
.dir-kpis:first-child .dir-kpi:nth-child(4){background:#fff3e5;border-color:#edc18d;color:#87490c}
.dir-kpis:first-child .dir-kpi:nth-child(5){background:#f2ebff;border-color:#c6aeed;color:#56348a}
.dir-kpis:nth-child(2) .dir-kpi:nth-child(1){background:#e4f5f7;border-color:#95ced5;color:#11616b}
.dir-kpis:nth-child(2) .dir-kpi:nth-child(2){background:#eef0f5;border-color:#b5c0d0;color:#3c4f69}
.dir-kpis:nth-child(2) .dir-kpi:nth-child(3){background:#e7f6ef;border-color:#91cdb1;color:#145b3d}
.dir-kpis:nth-child(2) .dir-kpi:nth-child(4){background:#eeeaff;border-color:#b7a6e1;color:#4b3488}
.dir-kpi:hover{filter:brightness(.97);box-shadow:0 3px 12px #17375c20}.dir-kpi:focus-visible{outline:3px solid #17375c;outline-offset:3px}