/* 6. MÓDULO: PERFIL (Consolidado) */
.profile-card { margin-bottom: 2rem; border: none; }
.profile-header {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
    padding: 2.5rem 1.5rem; text-align: center; color: white;
}
.profile-avatar-container {
    width: 110px; height: 110px; margin: 0 auto 1rem;
    border-radius: 50%; border: 4px solid rgba(255,255,255,0.3);
    background: white; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.profile-avatar-img { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-placeholder { font-size: 2.5rem; font-weight: bold; color: var(--primary); }
.profile-id-badge {
    background: rgba(255,255,255,0.2); padding: 3px 10px; border-radius: 20px;
    font-size: 0.75rem; display: inline-block; margin-top: 0.5rem; backdrop-filter: blur(4px);
}
.profile-section-title {
    color: #444; border-bottom: 1px solid var(--border-color); padding-bottom: 0.5rem;
    margin: 1.5rem 0 1rem; font-family: var(--font-title); font-size: 1rem;
}
.profile-label {
    display: block; font-size: 0.7rem; text-transform: uppercase;
    color: var(--text-muted); font-weight: 700; font-family: var(--font-ui); margin-bottom: 2px;
}
.profile-value { font-size: 0.95rem; font-weight: 500; margin-bottom: 1rem; }
.profile-security-box { background: var(--light); padding: 1.25rem; border-radius: 8px; margin-top: 1.5rem; border: 1px solid var(--border-color); }