/* ── Clase base para todas las tarjetas KPI ── */
.kpi-card,
.kpi-card * {
    color: #fff !important;
    user-select: none;
}

.kpi-card .kpi-arrow {
    color: #fff !important;
    transition: transform 0.2s ease;
}

.kpi-card .kpi-arrow:hover {
    transform: translateX(5px);
}

/* ── Fondos por KPI ── */
.bg-centros-600 {
    background-color: #2563eb;
}

.bg-tutores-600 {
    background-color: #7e3aeb;
}

.bg-formaciones-600 {
    background-color: #0d9488;
}

.bg-recursos-600 {
    background-color: #d97706;
}

.bg-participantes-600 {
    background-color: #db2777;
}

.bg-usuarios-600 {
    background-color: #4f46e5;
}

/* Estados por KPI */
.bg-success {
    background-color: #10b981 !important;
}

.bg-warning {
    background-color: #f59e0b !important;
}

.bg-danger {
    background-color: #ef4444 !important;
}

/* ── Iconos: mismo color que el fondo pero tono 800 (más oscuro) ── */
.bg-centros-600 .kpi-icon {
    color: #1e40af !important;
}

.bg-tutores-600 .kpi-icon {
    color: #5b21b6 !important;
}

.bg-formaciones-600 .kpi-icon {
    color: #115e59 !important;
}

.bg-recursos-600 .kpi-icon {
    color: #92400e !important;
}

.bg-participantes-600 .kpi-icon {
    color: #9d174d !important;
}

.bg-usuarios-600 .kpi-icon {
    color: #3730a3 !important;
}

.bg-success .kpi-icon {
    color: #087556a3 !important;
}

.bg-warning .kpi-icon {
    color: #92400ea3 !important;
}

.bg-danger .kpi-icon {
    color: #991b1ba3 !important;
}