/* =============================================================================
   RUTA: wwwroot/css/gaia/pages/members-dashboard.css
   -----------------------------------------------------------------------------
   GAIA VIP — Members / Dashboard (Panel del Miembro)
   - Estilos encapsulados a la página para no afectar a otras secciones.
   - Usa card-panel como base y ajusta spacing/estructura.
   Última modifi.: 2026-01-20
   ============================================================================= */

.members-dashboard-page .members-summary-card {
    padding: .95rem 1.05rem;
}

.members-dashboard-page .members-summary-value {
    margin-top: .2rem;
    font-size: 1.35rem;
    font-weight: 750;
    letter-spacing: .01em;
}

.members-dashboard-page .members-section-title {
    margin: .25rem 0 .6rem 0;
    letter-spacing: .14em;
    font-size: .72rem;
    font-weight: 750;
}

/* Card de perfil: estructura “acabada” (contenido arriba, CTA abajo) */
.members-dashboard-page .member-card {
    display: flex;
    flex-direction: column;
}

.members-dashboard-page .member-card-body {
    flex: 1 1 auto;
    min-height: 0;
}

.members-dashboard-page .member-card-title {
    line-height: 1.15;
}

.members-dashboard-page .member-kpis dt {
    color: var(--text-muted);
    font-weight: 650;
}

.members-dashboard-page .member-kpis dd {
    margin-bottom: .35rem;
}

.members-dashboard-page .member-card-footer {
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid rgba(255,255,255,.06);
    display: flex;
    justify-content: flex-end;
}

/* Pequeños ajustes responsive */
@media (max-width: 576px) {
    .members-dashboard-page .members-summary-card {
        padding: .85rem .95rem;
    }

    .members-dashboard-page .member-card-footer {
        justify-content: stretch;
    }

        .members-dashboard-page .member-card-footer .btn {
            width: 100%;
        }
}