.perfil-content { display: flex; flex-direction: column; padding-top: 20px; }

/* Contenedor de Avatar Glassmorphism */
/* REEMPLAZA LA CLASE .avatar-container */

.avatar-container { 
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5), inset 0 2px 10px rgba(255,255,255,0.05);
    display: flex; flex-direction: column; align-items: center; text-align: center;
    margin-bottom: 30px; padding: 40px 20px; border-radius: 24px; 
}
.avatar-placeholder { width: 90px; height: 90px; background: rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.1); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 3.5rem; color: #E0E0E0; margin-bottom: 15px; box-shadow: inset 0 4px 10px rgba(0,0,0,0.5);}

.perfil-name { font-size: 1.6rem; font-weight: bold; margin-bottom: 15px;}
.banco-title { color: var(--primary-orange); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-bottom: 5px;}
.banco-info { font-weight: normal; font-size: 1.2rem; color: #fff; }

.btn-secondary { animation-delay: 0.2s !important; }
.btn-primary { animation-delay: 0.3s !important; }