/* Estilos específicos para autenticación */
.avatar-container {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 1rem auto;
}

.avatar-container .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top-color: var(--primary-color);
}

.upload-button {
  background-color: var(--primary-color);
  width: 150px;
  margin: 0 auto;
}

.upload-button:hover {
  background-color: var(--secondary-color);
}

/* ... (mantener el resto de estilos existentes) ... */