/* =============================================================
   KPI BLOCK — global, compartido entre portada, hombres y mujeres
   Basado en la versión de portada (assets/css/pages/page-portada-2.css).
   ============================================================= */
.block-kpis {
    background-color: var(--color-neutral-50);
    padding: 60px var(--page-margin);
    border-bottom: 1px solid var(--color-border);
}

.inner-kpis {
    max-width: var(--container-desktop);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-10);
    text-align: center;
}

.kpi-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
}

.kpi-number {
    font-size: 3rem;
    font-weight: var(--weight-bold);
    color: var(--color-neutral-800);
    line-height: 1;
}

.kpi-label {
    font-size: var(--text-body);
    font-weight: var(--weight-bold);
    color: var(--color-neutral-800);
}

.kpi-description {
    font-size: var(--text-small);
    color: var(--color-text-muted);
    line-height: var(--leading-snug);
    max-width: 280px;
}

@media (max-width: 768px) {
    .inner-kpis {
        grid-template-columns: 1fr;
        gap: var(--space-8, 32px);
    }
}