/* ==========================================================
   KPI SYSTEM
========================================================== */

.nc-kpis{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;

}

.nc-kpi-card{

    background:#ffffff;
    border-radius:16px;
    padding:22px;
    border:1px solid #ececec;

    transition:.25s ease;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.nc-kpi-card:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.nc-kpi-header{

    display:flex;
    justify-content:flex-end;

}

.nc-kpi-icon{

    width:48px;
    height:48px;

    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;
    font-weight:700;

    background:#f4f7fb;

}

.nc-kpi-title{

    margin-top:18px;

    font-size:14px;
    color:#7b8794;

}

.nc-kpi-value{

    margin-top:8px;

    font-size:30px;
    font-weight:700;

    color:#172B4D;

}

.nc-kpi-trend{

    margin-top:14px;

    font-size:14px;
    font-weight:600;

}

/* ======== COLORES ======== */

.nc-kpi-blue .nc-kpi-icon{

    background:#E8F2FF;
    color:#1976D2;

}

.nc-kpi-green .nc-kpi-icon{

    background:#E9F8EF;
    color:#2E7D32;

}

.nc-kpi-red .nc-kpi-icon{

    background:#FDECEC;
    color:#D32F2F;

}

.nc-kpi-orange .nc-kpi-icon{

    background:#FFF4E5;
    color:#EF6C00;

}

.nc-kpi-purple .nc-kpi-icon{

    background:#F3E8FF;
    color:#7B1FA2;

}