/*
 # ########*###########################
 Autor: José Luis Rodriguez
 Mail: jrodriguez@bincodex.com
 Web: https://bincodex.com
 Fecha: 2026-07-23 20:40:11
 Archivo: 10-dashboard.css
 Codificación: UTF-8
 Editado en: Kate 25.04.3
 ####################################
 */


:root{
	--p:#3b82f6;
	--bg:#f5f7fb
}

body{margin:0;font-family:Arial;background:var(--bg)}
.wrap{max-width:1300px;margin:auto;padding:30px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kpi,.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.num{font-size:42px;color:var(--p);font-weight:bold}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}
canvas{width:100%!important;height:220px!important}
.kpi canvas{height:60px!important}@media(max-width:900px){
	.kpis,.grid{grid-template-columns:1fr}
}