/* ==========================================================================
           4. RESUMEN DE PROYECTO (KPIs)
           ========================================================================== */
        .kpi-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 16px;
            margin-bottom: 10px;
        }

        .kpi-card {
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 16px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        }

        .kpi-icon {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .kpi-data .kpi-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: #34495e;
        }

        .kpi-data .kpi-label {
            font-size: 0.85rem;
            color: #64748b;
            font-weight: 500;
        }

        /* Colores dinámicos para KPIs */
        .kpi-orange { background-color: rgba(255, 111, 60, 0.1); color: var(--color-accent); }
        .kpi-blue { background-color: rgba(52, 73, 94, 0.1); color: var(--color-primary); }
        .kpi-red { background-color: rgba(231, 76, 60, 0.1); color: var(--color-danger); }
        .kpi-green { background-color: rgba(46, 204, 113, 0.1); color: var(--color-success); }