/* Perfil de usuario */
.perfil-container {
  padding: var(--espacio-md);
}

.perfil-header {
  text-align: center;
  margin-bottom: var(--espacio-lg);
}

.perfil-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-primario);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: bold;
  margin: 0 auto var(--espacio-md);
}

.perfil-nombre {
  font-size: var(--texto-xl);
  font-weight: bold;
  margin-bottom: var(--espacio-xs);
}

.perfil-email {
  color: #666;
  font-size: var(--texto-sm);
  margin-bottom: var(--espacio-sm);
}

.perfil-nivel {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: var(--texto-sm);
  font-weight: bold;
}

.nivel-basico {
  background: #eee;
  color: #666;
}

.nivel-verificado {
  background: #e8f5e9;
  color: #2ECC71;
}

.nivel-confiable {
  background: #fff8e1;
  color: #F1C40F;
}

.nivel-vip {
  background: #e3f2fd;
  color: #3498DB;
}

.perfil-stats {
  display: flex;
  justify-content: space-around;
  margin-bottom: var(--espacio-lg);
  padding: var(--espacio-md);
  background: var(--color-blanco);
  border-radius: var(--radio);
  box-shadow: var(--sombra);
}

.perfil-stat {
  text-align: center;
}

.perfil-stat-numero {
  font-size: var(--texto-xl);
  font-weight: bold;
  color: var(--color-primario);
}

.perfil-stat-label {
  font-size: var(--texto-sm);
  color: #666;
}

.perfil-opciones {
  display: flex;
  flex-direction: column;
  gap: var(--espacio-sm);
}

.btn-cerrar-sesion {
  background: transparent;
  color: var(--color-peligro);
  border: 1px solid var(--color-peligro);
  width: 100%;
  margin-top: var(--espacio-md);
}